[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"chrome-reviews:carousel:zh-cn:12:true":3,"blog-article-zh-cn-how-to-use-web-highlights-to-highlight-text-take-notes-on-the-internet":64,"chrome-reviews:banner:zh-cn":176},[4,9,14,19,24,29,34,39,44,49,54,59],{"reviewer":5,"reviewText":8},{"name":6,"avatarURL":7},"陆易","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjX9SSeveicwulMbX306WLEstyCKOh_kcYKcGvfobzavRRI=s32","好用。爱用。",{"reviewer":10,"reviewText":13},{"name":11,"avatarURL":12},"Luna Yang","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocJTZcRYoRCk3OfXJzZco4KxwYO7B9VhZZiBD07xjx88Po82HQ=s32-mo","界面简洁，使用方便，没有恶意捆绑的广告。 so far so good。",{"reviewer":15,"reviewText":18},{"name":16,"avatarURL":17},"lin z","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocJo44vpf4cPbexZilIxEE14MPsVkxxhUKZdxfQqB2hU4r8Ntw=s32-mo","非常好用 标注的颜色也很好看",{"reviewer":20,"reviewText":23},{"name":21,"avatarURL":22},"yun lin","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocJnUcW5EJ146XaTW7VrZZvmSz2qK_ntrJvPStHSFkqZD9WdEg=s32-mo","非常好用的web标注工具",{"reviewer":25,"reviewText":28},{"name":26,"avatarURL":27},"刘昊轩","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjXdd8UcioO-Y7n7jPkTIFdC7TuDkLZr4picZqXfBgFI-QOGcjEX=s32","作者很nice, 发邮件很快就回复了。而且功能很好用，很适合科研工作者。",{"reviewer":30,"reviewText":33},{"name":31,"avatarURL":32},"王阿喵","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjXencMh_cvKKLHEYLRzcv3YBTFYyLHoQuzhDzgIKE8H5vkhsCc=s32","目前使用没有雷点，很好用，在我工作时标记我已进行到的位置。",{"reviewer":35,"reviewText":38},{"name":36,"avatarURL":37},"Jasper","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjWX7rb8xHO1b0AbKeHFwKu8RQ_GWhHAxabd38qCEUBJIVuU4Dw=s32","軟體十分好用，會想購買使用，請問會有折扣活動嗎?",{"reviewer":40,"reviewText":43},{"name":41,"avatarURL":42},"Seven T","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjXhOpLNpfjvDtliK2bEQvEyr1D0ss2QPoHrcItCLiFi58GLbdU=s32","很OK的！要是可以划线后直接标记高亮就好了，划线后再点击以下标记高亮有些较为麻烦",{"reviewer":45,"reviewText":48},{"name":46,"avatarURL":47},"lily Lin","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjUvQfNzPi8iw8zu_fy3LNr2lEBKD45o-h7j0wYprWn698HJJsc=s32","很喜欢，对我的学习和办公帮助很大，非常适合划记重点",{"reviewer":50,"reviewText":53},{"name":51,"avatarURL":52},"李扬","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocIhER3bZy5oefGRn-Ax8aUTJUlUONy_xFYmZZnSEN2mf77z=s32-mo","好用 如果能把高亮的操作再简化一点就更好了",{"reviewer":55,"reviewText":58},{"name":56,"avatarURL":57},"Swift Noah","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjUzrAg2WVVz4TCSEemnMhNwQ53mQppcBIkyfjIOGOIyd-xO6a0=s32","一个值得推荐的web文字高亮的浏览器插件",{"reviewer":60,"reviewText":63},{"name":61,"avatarURL":62},"Zhang Eileen","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocKm7DNWpgNTQdwY_htW7-dWMLOTAIn9wbiQaDqEut6BGDdn0Q=s32-mo","超好用！！和notion一起，简直是网页学习大杀器！！",{"meta":65,"html":102,"authorName":103,"authorFacebookUrl":104,"authorProfileImage":105,"authorWebsite":106,"authorJobTitle":107,"authorTwitterUrl":108,"wordCount":109,"recommended":110},{"id":66,"slug":67,"type":68,"title":69,"excerpt":70,"metaTitle":71,"metaDescription":72,"canonicalUrl":73,"featureImage":74,"publishedAt":80,"createdAt":81,"updatedAt":82,"featured":83,"readingTime":84,"tags":85,"author":101,"recommendedSlugs":73,"contentUpdatedAt":73,"faq":73},"630efb34c7d492db47c420b3","how-to-use-web-highlights-to-highlight-text-take-notes-on-the-internet","post","如何在网页上高亮划线、做笔记：Web Highlights 使用指南","用 Web Highlights 这款网页和 PDF 高亮工具，像在书上划线一样在网上高亮文字、记笔记，让阅读和研究更高效。","网页高亮划线、做笔记：Web Highlights 使用指南","Web Highlights 使用指南：在网页和 PDF 上高亮划线、记笔记、加标签，在网页版里搜索筛选，导出到 Notion，用间隔重复记住读过的内容。",null,{"url":75,"alt":76,"caption":77,"width":78,"height":79},"\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F07\u002Fhow-to-use-web-highlights-to-highlight-text-take-notes-on-the-internet.jpg","双手在纸上高亮文字、记笔记、画草图","\u003Cspan style=\"white-space: pre-wrap;\">摄影：\u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Funsplash.com\u002F@amayli?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit\">\u003Cspan style=\"white-space: pre-wrap;\">Amélie Mourichon\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"white-space: pre-wrap;\"> \u002F \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Funsplash.com\u002F?utm_source=ghost&utm_medium=referral&utm_campaign=api-credit\">\u003Cspan style=\"white-space: pre-wrap;\">Unsplash\u003C\u002Fspan>\u003C\u002Fa>",1200,630,"2026-10-05T12:00:00.000+00:00","2022-08-31T06:09:56.000+00:00","2026-10-05T16:00:00.000+00:00",true,10,[86,89,92,95,98],{"name":87,"slug":88},"FAQ, Tutorials, and Help","faq",{"name":90,"slug":91},"Web Highlights","web-highlights",{"name":93,"slug":94},"Productivity","productivity",{"name":96,"slug":97},"Software","software",{"name":99,"slug":100},"Tutorial","tutorial","marius-bongarts","\u003Cp>\n  几年前，我开始开发 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fzh-cn\">Web Highlights\u003C\u002Fa> 这款浏览器扩展程序。那时我每天在网上读很多文章，却没法把它们整理好。等真正需要某条信息时，常常怎么也找不回来。\n\u003C\u002Fp>\n\u003Cp>\n  我想要一种办法：能在网页上划线、\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fhighlight-webpages\">高亮文字\u003C\u002Fa>，还能随时随地找到这些高亮内容。市面上有一些工具，但没有一个真正合我心意。所以我自己做了 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fzh-cn\" rel=\"noopener\">Web Highlights\u003C\u002Fa>。\n\u003C\u002Fp>\n\u003Cp>\n  如今，数十万用户（包括我自己）每天都在用这款\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fzh-cn\">网页高亮工具\u003C\u002Fa>，我已经想象不出没有它的工作日。这篇文章是一份 Web Highlights 使用指南：从最基础的高亮和做笔记开始，一直讲到\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fweb-app-grid-and-filters\">高级搜索与筛选\u003C\u002Fa>、\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fai-summary\">AI 摘要\u003C\u002Fa>和\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fspaced-repetition-learning\">间隔重复学习\u003C\u002Fa>，带你用最高效的方式上手。\n\u003C\u002Fp>\n\u003Chr \u002F>\n\u003Ch2 id=\"setup\">安装\u003C\u002Fh2>\n\u003Cp>\n  第一步是安装浏览器扩展程序。Web Highlights 可用于 \u003Cstrong>Chrome\u003C\u002Fstrong>、\u003Cstrong>Edge\u003C\u002Fstrong>、\u003Cstrong>Brave\u003C\u002Fstrong> 等基于 Chromium 的浏览器，也可用于 \u003Cstrong>Firefox\u003C\u002Fstrong>。\n\u003C\u002Fp>\n\u003Cp>\n  你可以在 \u003Ca\n    href=\"https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\"\n    rel=\"noopener\"\n  >Chrome 应用商店\u003C\u002Fa>、\u003Ca href=\"https:\u002F\u002Fmicrosoftedge.microsoft.com\u002Faddons\u002Fdetail\u002Fweb-highlights-pdf-we\u002Fghdpaajjhmlfkogblgeibaabcpjfgldn\">Microsoft Edge 加载项商店\u003C\u002Fa>或 \u003Ca href=\"https:\u002F\u002Faddons.mozilla.org\u002Ffirefox\u002Faddon\u002Fweb-highlights-pdf-web-highlig\u002F\" rel=\"noopener\">Firefox 附加组件\u003C\u002Fa>里找到 Web Highlights 扩展程序。\n\u003C\u002Fp>\n\u003Cp>\n  想看分步说明的话，可以读一读文档里的\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Fintroduction\u002Finstallation\">安装指南\u003C\u002Fa>。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.02.27.webp\"\n    class=\"kg-image\"\n    alt=\"在 Chrome 上安装 Web Highlights\"\n    loading=\"lazy\"\n    width=\"1200\"\n    height=\"569\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.02.27.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.02.27.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.02.27.webp            1200w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Ca href=\"https:\u002F\u002Fchromewebstore.google.com\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\">\u003Cspan style=\"white-space: pre-wrap\">在 Chrome 上安装 Web Highlights\u003C\u002Fspan>\u003C\u002Fa>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  点击右上角的「添加至 Chrome」按钮，随后会跳转到一份\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fzh-cn\u002Fextensions\u002Fpdf-web-highlighter\u002Fwelcome\" rel=\"noreferrer\">欢迎指南\u003C\u002Fa>，一步步带你完成设置。\n\u003C\u002Fp>\n\u003Cp>\n  建议先把扩展程序图标固定到工具栏：点击浏览器右上角的「扩展程序」图标，再点 Web Highlights 旁边的「固定」图标。这样用的时候随手就能点到。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*HGduMUoanT31y8OZJBXn7g.png\"\n    class=\"kg-image\"\n    alt=\"截图：如何固定扩展程序\"\n    loading=\"lazy\"\n    width=\"706\"\n    height=\"546\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Cspan style=\"white-space: pre-wrap\">固定 \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fzh-cn\">\u003Cspan style=\"white-space: pre-wrap\">Web Highlights\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"white-space: pre-wrap\"> 扩展程序\u003C\u002Fspan>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\u003C\u002Fp>\n\u003Ch2 id=\"optional-account-creation\">注册账号（可选）\u003C\u002Fh2>\n\u003Cp>\n  这款高亮工具最棒的一点是：不用注册账号，装好就能直接用。Web Highlights 的大部分功能都免费，而且无需账号。其中包括：\n\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>\n    🖋️ 高亮网页和 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fhighlight-pdfs\">PDF\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>🎨 多种高亮颜色\u003C\u002Fli>\n  \u003Cli>🔖 保存书签\u003C\u002Fli>\n  \u003Cli>✍️ 记笔记\u003C\u002Fli>\n  \u003Cli>🏷️ 创建标签\u003C\u002Fli>\n  \u003Cli>📤 导出为 Markdown\u003C\u002Fli>\n  \u003Cli>💾 备份你的资料\u003C\u002Fli>\n  \u003Cli>⚡ 键盘快捷键，效率拉满\u003C\u002Fli>\n  \u003Cli>\n    📖 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Freader-mode\">阅读模式\u003C\u002Fa>——把页面保存为无干扰的文档\n  \u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  其他功能需要一个免费账号，其中不少属于付费的 Premium 和 Ultimate \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fzh-cn\u002Fpricing\">方案\u003C\u002Fa>，可以免费试用 7 天。完整说明见文档里的\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Fintroduction\u002Fgetting-started\">入门指南\u003C\u002Fa>。下面挑几项账号和付费方案带来的功能：\n\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>🔄 同步你的高亮内容，在任意设备上访问\u003C\u002Fli>\n  \u003Cli>\n    👨🏼‍💻 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fweb-app-grid-and-filters\">强大的网页版\u003C\u002Fa>，支持网格、列表和瀑布流视图\n  \u003C\u002Fli>\n  \u003Cli>\n    📷 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-highlight-images\u002F\">高亮图片\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    𝐓 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fhighlight-webpages\u002Fformatted-highlighting\">带格式的高亮\u003C\u002Fa>——保留标题、项目符号、代码块等格式\n  \u003C\u002Fli>\n  \u003Cli>\n    🧠 不限量的\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fspaced-repetition-learning\">间隔重复学习\u003C\u002Fa>——把高亮内容变成记忆卡片，记住读过的东西（免费方案和 Premium 含 10 张记忆卡片）\n  \u003C\u002Fli>\n  \u003Cli>\n    🤖 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fai-summary\">AI 摘要\u003C\u002Fa>和 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fai-chat\">AI 对话\u003C\u002Fa>——用浏览器内置 AI 生成摘要，并围绕内容提问对话（免费方案和 Premium 每天 1 次，Ultimate 可用更多）\n  \u003C\u002Fli>\n  \u003Cli>\n    📄 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Fintegrations\u002Fnotion-export\">直接导出到 Notion\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    📘 通过 Markdown \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-export-your-research-to-obsidian-with-web-highlights\u002F\">导出到 Obsidian\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    🔗 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Fintegrations\u002Fcapacities-export\">导出到 Capacities\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>📑 导出为 PDF 和 HTML 文件\u003C\u002Fli>\n  \u003Cli>📱 在手机上把页面保存为书签\u003C\u002Fli>\n  \u003Cli>\n    🎬 不限量的 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fyoutube-highlighting\">YouTube 高亮\u003C\u002Fa>——高亮并批注 YouTube 视频字幕（免费方案和 Premium 每天 1 个视频）\n  \u003C\u002Fli>\n  \u003Cli>\n    ⏰ \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fsay-goodbye-to-forgotten-articles-introducing-the-snooze-reminder\u002F\">设置邮件提醒\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    📚 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fhow-to-export-your-kindle-highlights-and-notes-to-notion\u002F\">导入 Kindle 高亮内容和笔记\u003C\u002Fa>\n  \u003C\u002Fli>\n  \u003Cli>\n    🔎 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fweb-app-grid-and-filters\">高级筛选\u003C\u002Fa>，支持 AND\u002FOR 逻辑、自定义显示字段和快速筛选语法\n  \u003C\u002Fli>\n  \u003Cli>\n    🔗 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fsharing-public-pages\">分享你的高亮内容\u003C\u002Fa>\n  \u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  注册账号是免费的。开启云同步后，你的高亮内容会备份到云端，在任意设备上都能通过 \u003Ca href=\"https:\u002F\u002Fapp.web-highlights.com\u002F\">app.web-highlights.com\u003C\u002Fa> 的网页版打开你的资料。7 天试用期内同步免费，之后同步属于 Premium 和 Ultimate 方案——如果你不升级，高亮内容会原样保留，只是停止同步。\n\u003C\u002Fp>\n\u003Ch3 id=\"how-to-create-account\">如何注册账号\u003C\u002Fh3>\n\u003Cp>\n  你可以用邮箱注册，也可以直接点击「\u003Cem>使用 Google 登录\u003C\u002Fem>」。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-20.webp\"\n    class=\"kg-image\"\n    alt=\"注册 Web Highlights 账号\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"859\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-20.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-20.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-20.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-20.webp 2400w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">注册 Web Highlights 账号\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  Web Highlights 非常重视\u003Cstrong>数据隐私\u003C\u002Fstrong>，并声明你的数据：\n\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>\n    除\u003Ca href=\"https:\u002F\u002Fdeveloper.chrome.com\u002Fdocs\u002Fwebstore\u002Fprogram_policies\u002F#limited_use\" rel=\"noopener\">获准的使用场景\u003C\u002Fa>外，不会出售给第三方\n  \u003C\u002Fli>\n  \u003Cli>不会为实现与产品核心功能无关的目的而使用或转移\u003C\u002Fli>\n  \u003Cli>不会为确定信用度或放贷目的而使用或转移\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  关于数据隐私的更多信息，可以查看 Web Highlights 的\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Flegal\u002Fprivacy-policy\" rel=\"noopener\">隐私政策\u003C\u002Fa>，或 \u003Ca\n    href=\"https:\u002F\u002Fchrome.google.com\u002Fwebstore\u002Fdetail\u002Fweb-highlights-pdf-web-hi\u002Fhldjnlbobkdkghfidgoecgmklcemanhm\"\n    rel=\"noopener\"\n  >Chrome 应用商店\u003C\u002Fa>里的说明。\n\u003C\u002Fp>\n\u003Ch2 id=\"start-highlighting\">开始高亮\u003C\u002Fh2>\n\u003Cp>\n  不管你是离线使用，还是已经注册了账号，都可以马上开始：在任意网站或 PDF 上高亮文字就行。\n\u003C\u002Fp>\n\u003Cp>\n  随便打开一个网站，选中文字，就会出现一个荧光笔图标，你可以从几种高亮颜色里挑一种。想全面了解各种高亮方式，可以看\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fhighlight-webpages\">官方高亮指南\u003C\u002Fa>。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-21.webp\"\n    class=\"kg-image\"\n    alt=\"在网站上高亮文字\"\n    loading=\"lazy\"\n    width=\"970\"\n    height=\"428\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-21.webp 600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-21.webp           970w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">在网站上高亮文字\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  假设你和我一样，想就某个主题写一篇文章。我最近写的一篇是关于 Web Components 的。为此，我会在网上找资料，把文章里的段落高亮出来。做法很简单：选中想要的文字，点击 Web Highlights 的荧光笔图标。你可以点荧光笔图标用默认颜色高亮，也可以点旁边的某个颜色。\n\u003C\u002Fp>\n\u003Cp>\n  更喜欢看视频？这段短视频（英文）演示了完整流程，从第一次高亮，到下面会讲的笔记、标签和仪表盘：\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-embed-card\">\n  \u003Ciframe\n    width=\"560\"\n    height=\"315\"\n    src=\"https:\u002F\u002Fwww.youtube-nocookie.com\u002Fembed\u002FFsjHgjO5SQc\"\n    frameborder=\"0\"\n    loading=\"lazy\"\n    allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n    referrerpolicy=\"strict-origin-when-cross-origin\"\n    allowfullscreen=\"\"\n    title=\"如何在任意网站上高亮文字\"\n  >\u003C\u002Fiframe>\n\u003C\u002Ffigure>\n\u003Cp>\n  有时候你可能不想让弹窗自动出现，所以随时可以在设置里\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Fintroduction\u002Fhelpful-settings\">关掉自动弹出的高亮弹窗\u003C\u002Fa>。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-22.webp\"\n    class=\"kg-image\"\n    alt=\"在设置中关闭高亮弹窗\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1004\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-22.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-22.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-22.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-22.webp            2016w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">在设置中关闭高亮弹窗\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  不过别担心。就算关掉了高亮弹窗，你照样可以创建高亮：选中文字后点右键，在右键菜单里找到 Web Highlights 图标，点击「\u003Cstrong>\u003Cem>高亮选中文字\u003C\u002Fem>\u003C\u002Fstrong>」即可：\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"https:\u002F\u002Fcdn-images-1.medium.com\u002Fmax\u002F1600\u002F1*45pk7DvDQazr3zCVIcW_dQ.png\"\n    class=\"kg-image\"\n    alt=\"Web Highlights 右键菜单\"\n    loading=\"lazy\"\n    width=\"1506\"\n    height=\"698\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fzh-cn\">\u003Cspan style=\"white-space: pre-wrap\">Web Highlights\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"white-space: pre-wrap\"> 右键菜单\u003C\u002Fspan>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  你也可以用\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fkeyboard-shortcuts\">键盘快捷键\u003C\u002Fa>。把 chrome:\u002F\u002Fextensions\u002Fshortcuts 粘贴到地址栏，就能自定义快捷键。\n\u003C\u002Fp>\n\u003Cp>\n  要高亮一篇长文？在侧边栏顶部打开快速高亮（或按 Alt+Q，Mac 上是 Option+Q），之后你选中的每一段文字都会立即用当前颜色高亮——无需弹窗，也不用多点一下。\n\u003C\u002Fp>\n\u003Ch3 id=\"create-tags-notes\">添加标签和笔记\u003C\u002Fh3>\n\u003Cp>\n  创建高亮后，会弹出一个窗口，你可以在里面添加\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Ftags-and-organization\">标签\u003C\u002Fa>，也可以记\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fnotes\">笔记\u003C\u002Fa>。拿我的例子来说，我选了标签「\u003Cstrong>\u003Cem>mental-health\u003C\u002Fem>\u003C\u002Fstrong>」，方便以后在网页版里找到这些高亮内容和笔记。你也可以在\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fsidebar\">侧边栏\u003C\u002Fa>里查看和编辑高亮内容。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-23.webp\"\n    class=\"kg-image\"\n    alt=\"用 Web Highlights 高亮\"\n    loading=\"lazy\"\n    width=\"1600\"\n    height=\"760\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-23.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-23.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-23.webp            1600w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Cspan style=\"white-space: pre-wrap\">用 \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fzh-cn\">\u003Cspan style=\"white-space: pre-wrap\">Web Highlights\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"white-space: pre-wrap\"> 高亮\u003C\u002Fspan>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  另外，随时点击任意一个标签，就能看到与它相关的所有高亮内容和页面。在侧边栏里是这样的：\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-27.webp\"\n    class=\"kg-image\"\n    alt=\"按标签分组的高亮内容和页面\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1031\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-27.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-27.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-27.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-27.webp 2400w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">按标签分组的高亮内容和页面\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Ch3 id=\"find-your-highlights-in-the-web-app\">在网页版里找到你的高亮内容\u003C\u002Fh3>\n\u003Cp>\n  高亮过一些页面后，你可以用自己的账号登录 \u003Ca href=\"https:\u002F\u002Fapp.web-highlights.com\u002F\">app.web-highlights.com\u003C\u002Fa>，随时随地找到它们。\n\u003C\u002Fp>\n\u003Cblockquote>\n  \u003Cem>ℹ️ 注意：只有按上文所述注册了账号，才能使用网页版。\u003C\u002Fem>\n\u003C\u002Fblockquote>\n\u003Cp>这就是仪表盘的样子。可以看到，我已经做了不少高亮：\u003C\u002Fp>\n\u003C!--kg-card-begin: html-->\n\u003Cimg\n  src=\"https:\u002F\u002Fweb-highlights.com\u002Fimages\u002Fscreenshots\u002Fcypress\u002Fweb-app\u002Fdashboard-overview.png\"\n  alt=\"Web Highlights 仪表盘\"\n\u002F>\n\u003C!--kg-card-end: html-->\n\u003Cp>\n  默认情况下，你高亮过的页面按日期分组，并按创建时间排序。你也可以改为按网站分组，或者干脆关闭分组。\n\u003C\u002Fp>\n\u003Cp>\n  网页版提供\u003Cstrong>网格\u003C\u002Fstrong>、\u003Cstrong>列表\u003C\u002Fstrong>和\u003Cstrong>瀑布流\u003C\u002Fstrong>三种布局，而且每个板块会分别记住你偏好的视图。比如「页面」用列表、「高亮内容」用网格，不用每次重新设置。点击一个高亮过的页面，就能看到你在这个页面上做的所有高亮。\n\u003C\u002Fp>\n\u003Cp>\n  比如，这是我在一篇讲 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fpara-method-the-secret-to-digital-organization-i-wish-i-knew-sooner\u002F\">PARA 方法\u003C\u002Fa>的页面上做的一些高亮。PARA 是 Tiago Forte 提出的一套很实用的整理方法：\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-29.webp\"\n    class=\"kg-image\"\n    alt=\"高亮过的 PARA 方法页面\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1070\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-29.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-29.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-29.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-29.webp 2400w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Cspan style=\"white-space: pre-wrap\">高亮过的 \u003C\u002Fspan>\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fpara-method-the-secret-to-digital-organization-i-wish-i-knew-sooner\u002F\">\u003Cspan style=\"white-space: pre-wrap\">PARA 方法\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"white-space: pre-wrap\">页面\u003C\u002Fspan>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  左侧的导航可以在高亮过的页面和高亮内容之间切换。「页面」显示你高亮过的页面；切换到「高亮内容」，不用打开页面就能看到你所有的高亮：\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002FScreenshot-2024-08-11-at-14.07.35.webp\"\n    class=\"kg-image\"\n    alt=\"以网格视图显示的高亮内容\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1012\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002FScreenshot-2024-08-11-at-14.07.35.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002FScreenshot-2024-08-11-at-14.07.35.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002FScreenshot-2024-08-11-at-14.07.35.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002FScreenshot-2024-08-11-at-14.07.35.webp            2000w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">以网格视图显示的高亮内容\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  除了「页面」和「高亮内容」，导航里还可以浏览\u003Cstrong>笔记\u003C\u002Fstrong>、\u003Cstrong>标签\u003C\u002Fstrong>、\u003Cstrong>网站\u003C\u002Fstrong>、\u003Cstrong>作者\u003C\u002Fstrong>、\u003Cstrong>颜色\u003C\u002Fstrong>、\u003Cstrong>AI 摘要\u003C\u002Fstrong>、\u003Cstrong>AI 对话\u003C\u002Fstrong>、\u003Cstrong>文档\u003C\u002Fstrong>、\u003Cstrong>图片\u003C\u002Fstrong>和\u003Cstrong>收藏集\u003C\u002Fstrong>——每一项都有自己的视图和排序选项。完整介绍见\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fweb-app-grid-and-filters\">网页版网格与筛选文档\u003C\u002Fa>。\n\u003C\u002Fp>\n\u003Ch3 id=\"find-related-highlights-using-tags\">用标签找到相关的高亮内容\u003C\u002Fh3>\n\u003Cp>\n  现在，来搜索刚才创建的「mental-health」标签。按这个标签筛选后，列表会刷新，只显示用过这个标签的页面和高亮内容。这样找回信息就非常容易了。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-25.webp\"\n    class=\"kg-image\"\n    alt=\"Web Highlights 仪表盘\"\n    loading=\"lazy\"\n    width=\"1842\"\n    height=\"1080\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-25.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-25.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-25.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-25.webp            1842w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fzh-cn\">\u003Cspan style=\"white-space: pre-wrap\">Web Highlights\u003C\u002Fspan>\u003C\u002Fa>\u003Cspan style=\"white-space: pre-wrap\"> 仪表盘\u003C\u002Fspan>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  可以看到，有两条高亮内容带着「\u003Cstrong>\u003Cem>mental-health\u003C\u002Fem>\u003C\u002Fstrong>」标签。\n\u003C\u002Fp>\n\u003Ch4 id=\"advanced-filters-with-and-or-logic\">用 AND \u002F OR 逻辑做高级筛选\u003C\u002Fh4>\n\u003Cp>\n  标签很好用，但有时你需要组合多个条件，才能把范围缩小到想要的资料。这时就轮到\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fweb-app-grid-and-filters\">高级筛选\u003C\u002Fa>出场了。它属于 Ultimate 方案。\n\u003C\u002Fp>\n\u003Cp>\n  在网页版里，打开\u003Cstrong>筛选栏\u003C\u002Fstrong>，就能添加标签、网站、作者、颜色、日期范围等条件。真正强大的是，你可以用 \u003Cstrong>AND\u003C\u002Fstrong> 或 \u003Cstrong>OR\u003C\u002Fstrong> 逻辑组合这些筛选：\n\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>\n    \u003Cstrong>AND\u003C\u002Fstrong>——条目必须匹配\u003Cem>全部\u003C\u002Fem>生效的筛选（结果更少）\n  \u003C\u002Fli>\n  \u003Cli>\n    \u003Cstrong>OR\u003C\u002Fstrong>——条目只要匹配\u003Cem>任意一个\u003C\u002Fem>生效的筛选即可（结果更多）\n  \u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  比如，我常用 AND 逻辑同时筛选两个标签，精确找到我需要的交集。你也可以直接在搜索框里用\u003Cstrong>快速筛选语法\u003C\u002Fstrong>：输入类似 \u003Ccode>tag:mental-health\u003C\u002Fcode> 的内容，按回车就行。这能省下大把时间。\n\u003C\u002Fp>\n\u003Cp>\n  此外，\u003Cstrong>自定义显示字段\u003C\u002Fstrong>让你决定网格里显示哪些元数据列——想专注看标题和日期，或者想看更多细节，都可以按需调整。\n\u003C\u002Fp>\n\u003Ch4 id=\"page-filter\">按网站筛选\u003C\u002Fh4>\n\u003Cp>\n  你还可以按具体的网站筛选。在左侧边栏点开「网站」，就能看到你以前高亮过的所有网站的概览：\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-30.webp\"\n    class=\"kg-image\"\n    alt=\"高亮过的网站概览\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1007\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-30.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-30.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-30.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-30.webp            2264w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">高亮过的网站概览\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  比如，我现在选中「medium.com」，就会显示我以前在这个网站上批注过或存为书签的所有页面。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-31.webp\"\n    class=\"kg-image\"\n    alt=\"medium.com 上高亮过的页面\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1057\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-31.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-31.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-31.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F08\u002Fimage-31.webp            2296w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">medium.com 上高亮过的页面\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Ch4 id=\"search-filter\">用搜索查找\u003C\u002Fh4>\n\u003Cp>强大的全文搜索是快速找到所需信息最简单的办法。\u003C\u002Fp>\n\u003Cp>\n  在网页版左侧边栏点击「搜索」（或者用扩展程序侧边栏里的搜索），然后开始输入。搜索视图会\u003Cstrong>一次显示所有类型\u003C\u002Fstrong>——页面、高亮内容、标签、网站、作者、颜色、图片、AI 摘要和 AI 对话——让你完整看到所有与查询匹配的内容。\n\u003C\u002Fp>\n\u003Cp>\n  比如，下面是包含「\u003Cstrong>habit\u003C\u002Fstrong>」一词的全部结果：\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.14.37.webp\"\n    class=\"kg-image\"\n    alt=\"搜索词为「Habit」的仪表盘\"\n    loading=\"lazy\"\n    width=\"1200\"\n    height=\"739\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.14.37.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.14.37.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.14.37.webp            1200w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">搜索词为「Habit」的仪表盘\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  接下来，你可以添加\u003Cstrong>类型筛选\u003C\u002Fstrong>来缩小结果范围。用方向键在筛选下拉菜单里移动，按回车应用——也可以直接在搜索框里用快速语法。\n\u003C\u002Fp>\n\u003Cp>\n  比如，输入 \u003Ccode>type:highlights\u003C\u002Fcode> 就只显示高亮内容。你还可以叠加多个筛选，比如同时显示高亮内容和页面。\n\u003C\u002Fp>\n\u003Cp>\n  每个生效的筛选都会在筛选栏里显示为一个\u003Cstrong>徽章\u003C\u002Fstrong>，已应用的条件一目了然。点击徽章上的 ✕ 就能移除这个筛选，也可以全部清除，回到完整结果。速度快、键盘操作顺手，找某条资料变得轻而易举。\n\u003C\u002Fp>\n\u003Ch3 id=\"saving-bookmarks\">保存书签\u003C\u002Fh3>\n\u003Cp>\n  Web Highlights 不只能用来高亮文字。\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fsave-bookmarks-with-web-clipper\">把页面保存为书签\u003C\u002Fa>也非常实用：以后可以接着高亮，或者只是方便再找到这个页面。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-35.webp\"\n    class=\"kg-image\"\n    alt=\"保存书签\"\n    loading=\"lazy\"\n    width=\"1600\"\n    height=\"657\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-35.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-35.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-35.webp            1600w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">保存书签\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>你也可以不选中任何文字，直接在网页上点右键，选择「将页面保存为书签」：\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002F1_7iwrCevlchdO46CLwoTVNw.webp\"\n    class=\"kg-image\"\n    alt=\"通过右键保存书签\"\n    loading=\"lazy\"\n    width=\"1600\"\n    height=\"896\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002F1_7iwrCevlchdO46CLwoTVNw.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002F1_7iwrCevlchdO46CLwoTVNw.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002F1_7iwrCevlchdO46CLwoTVNw.webp            1600w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">通过右键保存书签\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Ch3 id=\"practical-example-save-page-to-reading-list\">实用示例：把页面存进待读清单\u003C\u002Fh3>\n\u003Cp>\n  我经常这样做：看到有意思的文章，就存为书签，再给它加上「ToRead」标签。之后回到网页版，筛选出带这个标签的所有页面就行。\n\u003C\u002Fp>\n\u003Cp>这是我的待读清单：\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.16.36.webp\"\n    class=\"kg-image\"\n    alt=\"我的待读清单\"\n    loading=\"lazy\"\n    width=\"1200\"\n    height=\"726\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.16.36.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.16.36.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-09.16.36.webp            1200w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">我的待读清单\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  你还可以更进一步，\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fsay-goodbye-to-forgotten-articles-introducing-the-snooze-reminder\u002F\">\u003Cstrong>设置一个提醒\u003C\u002Fstrong>，免得忘了这篇文章\u003C\u002Fa>。做法很简单：在高亮过的页面上点击时钟图标，选好日期和时间。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-36.webp\"\n    class=\"kg-image\"\n    alt=\"设置邮件提醒\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"695\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-36.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-36.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-36.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-36.webp            2048w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\n    \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fsay-goodbye-to-forgotten-articles-introducing-the-snooze-reminder\u002F\">\u003Cspan style=\"white-space: pre-wrap\">设置邮件提醒\u003C\u002Fspan>\u003C\u002Fa>\n  \u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>到时你会收到一封邮件，提醒你读这篇文章。\u003C\u002Fp>\n\u003Ch2 id=\"reader-mode-saving-documents\">阅读模式与保存文档\u003C\u002Fh2>\n\u003Cp>\n  我几乎每天都在用的一个功能是\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Freader-mode\">阅读模式\u003C\u002Fa>。遇到想留着以后看的文章，或者只想不受打扰地读完它，你可以直接在侧边栏把它保存为文档。Web Highlights 会去掉广告、弹窗、Cookie 横幅等杂乱内容，只留下干净、易读的页面。\n\u003C\u002Fp>\n\u003Cp>\n  阅读体验也可以按自己的喜好调整：字体大小、行高、布局宽度，还能在浅色、深色、护眼和高对比度模式之间切换。保存的文档都在网页版的「文档」板块里，任意设备都能打开——离线也可以。\n\u003C\u002Fp>\n\u003Ch2 id=\"ai-summary-ai-chat\">AI 摘要与 AI 对话\u003C\u002Fh2>\n\u003Cp>\n  如果你在电脑上用的是 Chrome 或 Microsoft Edge，而且这台电脑支持它们的内置 AI，你一定会喜欢 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fai-summary\">AI 摘要\u003C\u002Fa>和 \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fai-chat\">AI 对话\u003C\u002Fa>这两个功能。AI 摘要会为你的高亮内容和页面内容生成一份简洁的概览——全部在你的设备上本地处理，数据不会离开你的电脑。\n\u003C\u002Fp>\n\u003Cp>\n  AI 对话更进一步：你可以围绕内容展开交流——追问细节、深入某个章节，或者请它解释复杂的概念。读较长的研究论文、只需要抓住要点时，我觉得它特别有用。\n\u003C\u002Fp>\n\u003Ch2 id=\"youtube-highlighting\">YouTube 高亮\u003C\u002Fh2>\n\u003Cp>\n  这个功能我真希望几年前就有：\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fyoutube-highlighting\">YouTube 高亮\u003C\u002Fa>。Web Highlights 可以抓取任意 YouTube 视频的字幕，让你像对待普通文章一样高亮和批注。点击字幕的任意位置，视频就会跳到那一刻。如果你经常看学习类视频，这个功能会大大改变你的学习方式。\n\u003C\u002Fp>\n\u003Ch2 id=\"exporting-highlights\">导出高亮内容\u003C\u002Fh2>\n\u003Cp>\n  为研究做了一些高亮之后，你可能想把它们导出到 \u003Cstrong>Notion\u003C\u002Fstrong> 或 \u003Cstrong>Obsidian\u003C\u002Fstrong> 这样的工具里。\n\u003C\u002Fp>\n\u003Cp>\n  为此，Web Highlights 提供了多种导出方式，让你轻松把笔记导入常用的研究工具。\n\u003C\u002Fp>\n\u003Cp>可选的导出方式有：\u003C\u002Fp>\n\u003Cul>\n  \u003Cli>复制 Markdown\u003C\u002Fli>\n  \u003Cli>复制 HTML\u003C\u002Fli>\n  \u003Cli>导出为 PDF 文件\u003C\u002Fli>\n  \u003Cli>导出为 HTML 文件\u003C\u002Fli>\n  \u003Cli>\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Fintegrations\u002Fcapacities-export\">导出到 Capacities\u003C\u002Fa>\u003C\u002Fli>\n  \u003Cli>\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Fintegrations\u002Fnotion-export\">导出到 Notion\u003C\u002Fa>\u003C\u002Fli>\n  \u003Cli>\n    \u003Ca href=\"\u002Fzh-cn\u002Fblog\u002Fhow-to-highlight-in-obsidian-and-maximize-your-note-taking-experience\u002F\">导出到 Obsidian\u003C\u002Fa>（通过 Markdown）\n  \u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>\n  复制为 Markdown 或 HTML 在所有方案中都能用；导出为 PDF 或 HTML 文件需要 Ultimate。在高亮过的页面上点击三个点的图标，就能找到所有这些选项。下面举个例子：把你的资料导出为 Markdown，再导入 Notion 这样的个人知识管理（PKM）工具。\n\u003C\u002Fp>\n\u003Ch3 id=\"example-copy-markdown\">示例：复制 Markdown\u003C\u002Fh3>\n\u003Cp>\n  打开网页版，在一个高亮过的页面上点击「\u003Cstrong>\u003Cem>复制 Markdown\u003C\u002Fem>\u003C\u002Fstrong>」，就能复制这个页面的全部高亮内容，包括元数据。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-37.webp\"\n    class=\"kg-image\"\n    alt=\"复制 Markdown\"\n    loading=\"lazy\"\n    width=\"1904\"\n    height=\"972\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-37.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-37.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-37.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-37.webp            1904w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">复制 Markdown\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>复制好 Markdown 后，直接粘贴到 Notion 等工具里，效果是这样的：\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-38.webp\"\n    class=\"kg-image\"\n    alt=\"Notion 截图\"\n    loading=\"lazy\"\n    width=\"2000\"\n    height=\"1238\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-38.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-38.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-38.webp 1600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2024\u002F09\u002Fimage-38.webp            2272w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Notion 截图\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fzh-cn\" rel=\"noopener\">Web Highlights\u003C\u002Fa> 会把页面的全部信息一起带过去，包括图片、标题、标签、高亮内容和笔记。\n\u003C\u002Fp>\n\u003Ch2 id=\"remember-what-you-read\">记住你读过的内容\u003C\u002Fh2>\n\u003Cp>\n  说实话，你在网上读过的东西，一周后还记得多少？在赫尔曼·艾宾浩斯经典的记忆实验中，新学的内容如果不复习，只过一天就忘掉了大约三分之二。正因为如此，我在 Web Highlights 里加入了\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fspaced-repetition-learning\">间隔重复学习\u003C\u002Fa>。\n\u003C\u002Fp>\n\u003Cfigure class=\"kg-card kg-image-card kg-card-hascaption\">\n  \u003Cimg\n    src=\"\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-07.55.58-2.webp\"\n    class=\"kg-image\"\n    alt=\"Web Highlights 的学习仪表盘\"\n    loading=\"lazy\"\n    width=\"1200\"\n    height=\"675\"\n    srcset=\"\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-07.55.58-2.webp   600w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-07.55.58-2.webp 1000w,\n      \u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F03\u002FScreenshot-2026-03-23-at-07.55.58-2.webp            1200w\n    \"\n    sizes=\"(min-width: 720px) 720px\"\n  \u002F>\n  \u003Cfigcaption>\u003Cspan style=\"white-space: pre-wrap\">Web Highlights 的学习仪表盘\u003C\u002Fspan>\u003C\u002Ffigcaption>\n\u003C\u002Ffigure>\n\u003Cp>\n  思路很简单：你的高亮内容会变成记忆卡片，Web Highlights 按科学优化的间隔提醒你复习。背后用的是 \u003Cstrong>SuperMemo（SM-2）算法\u003C\u002Fstrong>——也就是 Anki 等记忆卡片应用经典排程器所采用的方法。掌握得好的卡片，下次复习会排得更远；记不牢的卡片，会更快再出现。\n\u003C\u002Fp>\n\u003Cp>\n  如果你感兴趣，我写过一篇深入介绍这个话题的文章：\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fspaced-repetition-how-to-make-your-readings-stick-in-long-term-memory\u002F\">间隔重复：如何让读过的内容进入长期记忆\u003C\u002Fa>（英文）。\n\u003C\u002Fp>\n\u003Ch2 id=\"final-thoughts\">写在最后\u003C\u002Fh2>\n\u003Cp>\n  \u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fzh-cn\" rel=\"noopener\">Web Highlights\u003C\u002Fa> 让整理研究资料变得更高效。高亮文字、加上标签，你在网上遇到的任何信息都能轻松找回。记笔记能帮你理清思路，导出功能则能把你的成果带到 Notion、Obsidian、Capacities 等常用工具里。\n\u003C\u002Fp>\n\u003Cp>\n  有了\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fweb-app-grid-and-filters\">支持 AND\u002FOR 逻辑的高级筛选\u003C\u002Fa>、\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Freader-mode\">无干扰的阅读模式\u003C\u002Fa>、\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fai-summary\">AI 摘要\u003C\u002Fa>、\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fyoutube-highlighting\">YouTube 字幕高亮\u003C\u002Fa>和\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Ffeatures\u002Fspaced-repetition-learning\">间隔重复学习\u003C\u002Fa>这些功能，Web Highlights 早已不只是一个简单的高亮工具——对每个在网上认真做研究的人来说，它已经成了一个完整的知识管理助手。\n\u003C\u002Fp>\n\u003Cp>\n  想了解更多，可以查看完整的\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fdocs\u002Fzh-cn\u002Fintroduction\u002Fgetting-started\">文档\u003C\u002Fa>，或者看看更多\u003Ca href=\"https:\u002F\u002Fweb-highlights.com\u002Fzh-cn\u002Fuse-cases\">使用场景\u003C\u002Fa>。\n\u003C\u002Fp>\n\u003C!--kg-card-begin: html-->\n\u003Cp>\n  欢迎在 \u003Ca href=\"https:\u002F\u002Fwww.linkedin.com\u002Fin\u002Fmarius-bongarts-6b3638171\u002F\" rel=\"me\">LinkedIn\u003C\u002Fa> 上联系我，或者在 \u003Ca href=\"https:\u002F\u002Ftwitter.com\u002FMariusBongarts\" rel=\"me\">Twitter\u003C\u002Fa> 上关注我。\n\u003C\u002Fp>\n\u003C!--kg-card-end: html-->\n","Marius Bongarts","https:\u002F\u002Fwww.facebook.com\u002FMariusBongartsWeb","\u002Fblog\u002Fcontent\u002Fimages\u002F2022\u002F08\u002FIMG_7861_Square.jpeg","https:\u002F\u002Fmarius-bongarts.de\u002F","Founder & Software Engineer","https:\u002F\u002Ftwitter.com\u002FMariusBongarts",566,[111,144,160],{"id":112,"slug":113,"title":114,"description":115,"url":116,"publishedAt":117,"createdAt":118,"updatedAt":117,"featured":119,"readingTime":120,"tags":121,"imageUrl":125,"imageAlt":126,"faviconUrl":127,"publishedAtString":117,"category":128,"readTimeString":143},"3d7a95c1e264b08fa7c31de9","best-pdf-chrome-extensions","Top 10 Chrome PDF Extensions: The Great Comparison","Compare the 10 best PDF extensions for Chrome. We tested Web Highlights, Smallpdf, Adobe Acrobat, Kami and more on reading, editing and signing.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fbest-pdf-chrome-extensions\u002F","2026-08-28T10:00:00.000+00:00","2026-08-28T08:30:00.000+00:00",false,23,[122,123,124],"Chrome Extension","comparison","Tools","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F08\u002Fbest-pdf-chrome-extensions.jpg","Top 10 Chrome PDF Extensions","https:\u002F\u002Fweb-highlights.com\u002Ffavicon.ico",[129,136],{"type":130,"title":131,"shortTitle":132,"icon":133,"description":134,"excerpt":135},"annotating","Annotate the Web & PDFs with Web Highlights","Annotating","feather-edit-3","Annotating long texts is challenging. Learn techniques for better annotations and how Web Highlights helps you mark up articles and PDFs in the browser.","Annotation turns passive scrolling into real understanding. Whether you need marginal notes for research, structured tags for coursework, or quick highlights for newsletters, Web Highlights keeps every mark anchored to the source—so you can review, search, and export without losing context.",{"type":137,"title":138,"shortTitle":139,"icon":140,"description":141,"excerpt":142},"highlighting","Highlight Websites & PDFs in Chrome","Highlighting","mark-icon","From PDF highlighters to Chrome extensions—see how Web Highlights makes highlighting fast, colorful, and organized across the sites you read every day.","Highlighting should feel as natural as a physical marker, but with superpowers: multi-color marks, notes, tags, and sync. Web Highlights is built for both web pages and PDFs, so you can keep one workflow instead of juggling separate “PDF only” or “website only” tools.","23 min read",{"id":145,"slug":146,"title":147,"description":148,"url":149,"publishedAt":150,"createdAt":151,"updatedAt":150,"featured":119,"readingTime":152,"tags":153,"imageUrl":154,"imageAlt":155,"faviconUrl":127,"publishedAtString":150,"category":156,"readTimeString":159},"6a44e3e8909b7209ced49a7e","free-online-pdf-highlighter-highlight-any-pdf-no-install","Free Online PDF Highlighter — Highlight Any PDF, No Install","You can't highlight a PDF in Chrome. You can open one and read it, sure. But try to mark a sentence, and there's nothing there to do it with.\n\nI built a PDF highlighter tool, so I hear about this one a lot. My usual answer was: install my browser extension, or install something like Acrobat. Fine advice — unless you've got a single PDF to mark up and no interest in installing anything for it.\n\nSo I built a version that skips all that. It's a web page: open it, drop in a PDF, and highlight away. ","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Ffree-online-pdf-highlighter-highlight-any-pdf-no-install\u002F","2026-07-01T10:01:26.000+00:00","2026-07-01T09:54:48.000+00:00",5,[],"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F07\u002Fpdf-upload-thumbnail.png","Free Online PDF Highlighter that works without installing any software right in your browser",[157,158],{"type":137,"title":138,"shortTitle":139,"icon":140,"description":141,"excerpt":142},{"type":130,"title":131,"shortTitle":132,"icon":133,"description":134,"excerpt":135},"5 min read",{"id":161,"slug":162,"title":163,"description":164,"url":165,"publishedAt":166,"createdAt":167,"updatedAt":168,"featured":119,"readingTime":169,"tags":170,"imageUrl":171,"imageAlt":163,"faviconUrl":127,"publishedAtString":166,"category":172,"readTimeString":175},"69247fac2ed30b09fb978171","best-adobe-pdf-alternatives","10 Best Adobe PDF Alternatives","Looking for a lightweight Adobe PDF alternative? Compare the best tools for reading, annotating, editing, and summarizing PDF files in your browser.","https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fbest-adobe-pdf-alternatives\u002F","2025-12-01T07:21:55.000+00:00","2025-11-24T15:54:20.000+00:00","2026-10-05T10:00:00.000+00:00",11,[],"https:\u002F\u002Fweb-highlights.com\u002Fblog\u002Fcontent\u002Fimages\u002F2026\u002F07\u002Fbest-adobe-pdf-alternatives.jpg",[173,174],{"type":137,"title":138,"shortTitle":139,"icon":140,"description":141,"excerpt":142},{"type":130,"title":131,"shortTitle":132,"icon":133,"description":134,"excerpt":135},"11 min read",[177,182,187,192,197,202],{"reviewer":178,"reviewText":181},{"name":179,"avatarURL":180},"Kylin Hou","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocKl4C1Dj9iRjp3R3PjCvwEhQP9Th90dS-ZUFTGnEK6HSvY_2g=s32-mo","非常好的工具！不管是高亮标记还是笔记记录都特别方便，是我用过的类似软件里面最流畅舒服的！ 另外可以方便的进行书签管理，付费用户可以多端同步，学生党查阅资料必备！",{"reviewer":183,"reviewText":186},{"name":184,"avatarURL":185},"heng w","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjVrRPImqgL0_ibsZKupC7N_fHaszImxA6P1QEOsCH6tQw=s32","好用！主要下次再看高亮还在的，颜色也可以选。或许可以多点其他可选主题配色，这样审美可能更舒服（自定义的也不容易很好看）。如果有划线，加粗之类功能更好啦，平常做笔记习惯了。",{"reviewer":188,"reviewText":191},{"name":189,"avatarURL":190},"jiuki c","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocJe-2b1QXuVAcbO_scLxDFl8Q_h3dnuSfIUUAYN9_fOKSUUGg=s32-mo","试了一下是相关的highlighter插件中最符合我的需求的。但有点小问题： 1、高亮后写的note容易丢失（或在侧边栏中显示不出来），尤其是对英文网站使用了浏览器自带的谷歌翻译之后。与谷歌翻译似乎不太兼容。 2、希望在导出markdown时可以区分颜色，或者至少对颜色做出标注（以供后续自行处理） 总体还是很棒 感谢作者做出使用感这么好的插件",{"reviewer":193,"reviewText":196},{"name":194,"avatarURL":195},"Joey","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjUGSR5qJTd3AcMngXOQMe-eILsTKQnC-nevO8QG9qkjG3OKoQ4=s32","目前为止感觉最好用的高亮插件，点赞👍 The best highlighter extension I've used, thumbs up.",{"reviewer":198,"reviewText":201},{"name":199,"avatarURL":200},"simon lee","https:\u002F\u002Flh3.googleusercontent.com\u002Fa\u002FACg8ocJYZ0g3CRN-jrEvmIRNhx0iL_8g-9H_cAzkzePtDWMxUOXO8A=s32-mo","虽然备份需要云端，而且笔记一多，很容易重叠，缺点是存在一些的。但是免费的功能已经很方便进行学习了，所以还是五星好评",{"reviewer":203,"reviewText":206},{"name":204,"avatarURL":205},"Man Long","https:\u002F\u002Flh3.googleusercontent.com\u002Fa-\u002FALV-UjVi94ZVJAsHJkKx5996YvRy7QtubR3e_vHWraX-0nlBWUH2FSI=s32","好用，交互操作简洁，笔记收集清晰。尤其是目前没有收费和广告。 更新：我错了，有付费机制，只是我没注意到。"]