一键把网页存进笔记:Joplin 浏览器扩展(Web Clipper)完整指南

一键把网页存进笔记:Joplin 浏览器扩展(Web Clipper)完整指南 一键把网页存进笔记Joplin 浏览器扩展Web Clipper完整指南【免费下载链接】joplinJoplin - the privacy-focused note taking app with sync capabilities for Windows, macOS, Linux, Android and iOS.项目地址: https://gitcode.com/GitHub_Trending/jo/joplin看到好文章时你是不是也只按了个 CtrlD然后让它继续堆在书签栏吃灰Joplin 浏览器扩展Web Clipper就是为此设计的网页剪藏工具在浏览器里点一下网页正文就直接变成 Joplin 里的一条笔记之后由 Joplin 负责同步到你的手机、平板和电脑。为什么剪藏比加书签好用书签解决的是这个链接我没忘但解决不了另外三件事。一是长文。一篇两万字的技术文章你真正想要的只是中间那几节论证书签却把整页连同广告位一起收走了。二是图表和数据。网页里的曲线图、状态表、截图复制粘贴过去往往变形干脆整块存下来最稳。三是待读链接。攒了上百条书签之后没有任何一条会被真的点开——而剪进笔记后它混在你的日常内容流里被搜索、被关联、被二次编辑的概率高得多。三步装好并完成授权整个过程不超过五分钟Chrome 和 Firefox 的区别只在第一步的商店不同。装扩展。Chrome 用户去 Chrome 网上应用店搜 JoplinFirefox 用户在附加组件商店获取同一扩展。装完工具栏会多出一个 Joplin 图标。启动剪藏服务。打开 Joplin 桌面端进入【设置】→【网页剪辑器】按页面提示启动服务。扩展和桌面端之间靠这个本地服务通信生产环境默认监听 41184 端口桌面端没启动扩展就无法连接。完成第一次剪藏。点浏览器里的 Joplin 图标弹出面板选好目标笔记本点任意一个Clip按钮去 Joplin 里看看笔记是不是到了——到了就说明授权和同步全链路通了。不同内容选对模式弹出面板里其实有五六个按钮对应五种捕获方式。先判断我看到的是什么再选按钮比记住每个按钮干什么更容易上手你看到的是选这个模式一句话操作长文但广告和导航干扰大简化版页面点 Clip simplified page自动抽取正文需要原样保留的版式或复杂表格完整网页可选 Markdown 或 HTML 两种产物文章里的一小段选中内容先划选文字再点 Clip selection图表、设计稿等视觉内容截图点 Clip screenshot把当前屏整块收进笔记暂时只想记住链接URL点 Clip URL只存标题加链接回头再读两个小细节简化版模式遇到结构混乱的页面会给出可能剪不好建议存完整网页的提示听它的即可所有快捷剪藏类操作默认使用你上一次选过的笔记本不用每次都点。调参、快捷键与连不上时的救援快捷键。扩展预置了两组建议快捷键AltShiftJ唤出面板AltShiftC直接把整页剪进上次选中的笔记本。其余动作选中内容、截图等没有默认键需要去浏览器自己的扩展快捷键管理页如chrome://extensions/shortcuts按需绑定——这也是自定义 Joplin 剪藏器快捷键的入口。标签与笔记本。面板里除了选笔记本还能给这条笔记挂标签。如果你有一批固定来源比如稍后读、工作参考建议固定一个专用笔记本比纯靠标签更省事。同步。剪藏落地后就是普通 Joplin 笔记同步机制照常工作无需为扩展单独配置任何同步项。连不上时的速查表。扩展报错或面板转圈九成是下面四种之一现象常见原因解决扩展提示无法连接桌面端没开剪藏服务没起打开桌面端在【设置】→【网页剪辑器】确认服务已启动时通时断、偶尔超时防火墙拦了 41184 端口放行该端口端口号在网页剪辑器设置页可查公司/代理环境下必挂代理拦截了本地请求把剪藏服务的地址加入代理白名单以上都排查过仍失败服务状态残留在设置页重启服务或重装扩展后重新授权还查不出来的去官方文档对照里面有更细的 Chrome / Firefox 控制台调试方法。想读源码、自己构建的人源码在 packages/app-clipper/结构相当直白popup/弹出面板的 React 界面五种模式的按钮逻辑都在这里content_scripts/注入页面的脚本简化版模式靠内置的 Readability 抽取正文service_worker.mjs后台服务处理命令分发manifest.json扩展声明当前版本 3.7.0基于 Manifest V3本地构建只需四条命令git clone https://gitcode.com/GitHub_Trending/jo/joplin cd joplin/packages/app-clipper npm install npm run build构建产物在popup/build/用浏览器加载已解压的扩展即可跑起来。收尾把看到和记住之间的动作压缩到一次点击就是这款扩展的全部意义长文剪简化版、图表存截图、链接攒 URL剩下的整理交给 Joplin 的笔记本、标签和搜索。相关入口剪藏器官方文档扩展源码目录设置界面说明Manifest 与快捷键定义【免费下载链接】joplinJoplin - the privacy-focused note taking app with sync capabilities for Windows, macOS, Linux, Android and iOS.项目地址: https://gitcode.com/GitHub_Trending/jo/joplin创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考