网页内容超级捕手——个人开发、使用脚本分享

# 网页内容超级捕手 > 代码仓库：[Github](https://github.com/Mrchen-1600/Web-Content-Extractor) > 脚本下载：[网页内容超级捕手](https://greasyfork.org/zh-CN/scripts/573345-%E7%BD%91%E9%A1%B5%E5%86%85%E5%AE%B9%E8%B6%85%E7%BA%A7%E6%8D%95%E6%89%8B) > 视频功能演示：[Bilibili](https://www.bilibili.com/video/BV1tgQPBXEFG) 欢迎使用**网页内容超级捕手**！这是一款专为阅读、学习和办公整理打造的浏览器辅助神器。 当你在网上看到一篇很长、排版很乱、甚至旁边全是广告和弹窗的文章（如知乎、CSDN、掘金、微信公众号等），只需要**轻轻一点**，它就能帮你把最核心的文章“抠”出来，变成干干净净的纯净版！ 不仅如此，你还能**让 AI 帮你一键总结文章重点**，并**一键导出为排版完美的 Word 文档**。 **提取效果展示：** [Bilibili](https://www.bilibili.com/video/BV1tgQPBXEFG) ## ✨ 核心功能亮点 1. 🎯 **一键提取纯净正文**：瞬间过滤网页上的广告、侧边栏、评论区，只留下最干净的标题和正文。自带底层净化技术，连 CSDN 等带有“防复制”限制的网站也能轻松破解提取！ 2. 🤖 **AI流式总结**：长篇大论看不完？一键呼叫 AI，它会像“打字机”一样实时给你写出精简摘要，并完美渲染多级标题、加粗和列表。 3. 💾 **专属 Word 排版引擎**：不再是乱糟糟的格式！一键另存为 Word 文档，支持在设置中**自定义中英文字体（如楷体、Times New Roman）和各级标题字号（如小二、三号、小四）**，生成的文档直接满足标准排版要求。 4. 🪟 **高自由度窗口**：悬浮窗可以**任意拖拽位置**，不遮挡你原本浏览的内容。内置“🌌科技黑”、“☁️极简白”和“📜护眼黄”三套高颜值主题。 6. 🔒 **隐私绝对安全**：AI 的 API Key 密码仅在您的电脑浏览器本地存储，绝不上传任何服务器。 ## 📖 第一章：保姆级安装教程（零基础必看） 由于这是一个浏览器“脚本”，我们需要先给浏览器安装一个“脚本管理器”，就像手机要先装一个应用商店，才能下载 APP 一样。 ### 🛠️ 第一步：安装“油猴”插件 (Tampermonkey) 如果您以前安装过油猴，请直接跳到第二步。 1. **对于 Edge 浏览器用户**： - 点击链接进入微软官方商店：👉 [Tampermonkey for Edge](https://microsoftedge.microsoft.com/addons/detail/篡改猴/iikmkjmpaadaobahmlepeloendndfphd?hl=zh-CN) - 点击右上角的 **“获取”** 按钮，然后在弹窗中点击 **“添加扩展”**。 2. **对于 Chrome 谷歌浏览器用户**： - 点击链接进入谷歌应用商店：👉 [Tampermonkey for Chrome](https://chrome.google.com/webstore/detail/tampermonkey/dhdgffkkebhmkfjojejmpbldmpobfkfo) - 点击右上角 **“添加至 Chrome”**。 安装成功后，你的浏览器右上角（地址栏旁边）会出现一个**黑色带有两个小眼睛的图标**，如下图所示，这就是油猴！  **⚠️注意：** 如果是第一次安装油猴脚本，需要检查开启下面的配置，否则脚本可能无法正常启动： （1）首先点击浏览器右上方三个点，点击扩展程序  （2）在扩展程序中开启“开发者模式”，并且找到刚刚安装的篡改猴脚本，点击“详情”  （3）向下滑动，找到“允许运行用户脚本”，开启该配置  ### 📥 第二步：安装本脚本（提供两种方式，任选其一即可） #### 🟢 方式一：通过 Greasy Fork 一键安装（🌟 强烈推荐，最简单） 这是最简单的方法，支持未来一键点击更新。 1. 点击进入 **[本脚本的 Greasy Fork 主页](#这里请替换为您发布后的GreasyFork页面链接)**。 2. 找到并点击绿色的 **“安装此脚本”** 按钮。 3. 浏览器会自动弹出一个油猴的安装提示页面，再次点击左上角的 **“安装”**。 4. 安装完成！关掉页面，去任何一篇网上文章里刷新体验吧。 #### 🔵 方式二：从 GitHub 复制源码手动安装（适合程序员，可进行二次开发） 如果您是从 GitHub 看到这个项目，或者想自己完全掌控源码，可以使用此方法。 1. 在 GitHub 上打开 `WebExtractor.user.js` 文件，复制里面的**所有完整代码**。 2. 点击浏览器右上角的**黑色油猴图标**，在弹出的菜单中选择 **“添加新脚本”**。 3. 这时会打开一个代码编辑器，里面原本有几行默认的英文代码，请**把它们全部删掉**，让页面变得完全空白。 4. 将刚刚复制的完整代码，**粘贴**到空白处。 5. 按下键盘上的 `Ctrl + S`（苹果电脑是 `Cmd + S`）保存代码。 6. 安装完成！关掉这个页面即可。 ## ⚙️ 第二章：首次使用与设置 打开任意一篇网页文章（比如一篇知乎文章），你会发现网页**右侧边缘**多了一根**蓝色的小竖条**。点击它，主面板就会滑出来。  **主面板：**  ### 1. 配置 AI 大模型（重要！） 如果你想使用“AI 总结”功能，必须先在设置里填入你的 AI 接口信息。  > **💡 什么是 API Key？** > 相当于各大 AI 公司（如 OpenAI、DeepSeek、Qwen、智谱等）发给你的 VIP 门票。你需要去这些官网注册一个账号，生成一串长长的字符，这就是 API Key。 1. 点击面板左下角的 **“⚙️”（齿轮图标）** 打开设置面板。 2. **填写请求地址 (URL)**：填入你使用的 AI 提供的地址。*(注意：绝大多数地址必须带上完整路径，例如 DeepSeek 的是 `https://api.deepseek.com/chat/completions`)*。 3. **填写 API Key**：将你获取到的长串密码粘贴进去（可以点击旁边的“👁️小眼睛”查看是否填错）。 4. **填写模型名称**：例如填入 `deepseek-chat`。 下面简单用 DeepSeek 和 Qwen 演示下如何获取自己的API请求地址、API Key，以及AI模型名称，其他大模型类似（注意要选用支持流式输出的大模型）。 **（1）DeepSeek** 1. 进入[DeepSeek开放平台](https://platform.deepseek.com/)  2. 创建自己的API Key，请注意 API Key 请不要泄露给任何人，并且只会在创建时候才显示，请注意复制保存； 3. 点击接口文档，下滑找到 API 请求地址和模型名称  **（2）Qwen：** 1. 进入[阿里云百炼大模型控制台](https://bailian.console.aliyun.com/) 2. 创建自己的API Key  3. 获取API 请求地址和模型名称：  4. 新用户的话很多模型都会**免费送100W token**，大家可以自行点进各个模型进行查看，看自己是否有免费额度，如果有就可以使用这个模型（**注意一定要是文本模型，不能是图像或视频等非文本模型**），下面我们以Qwen3-Max为例进行演示：  从这里可以看是不是文本模型，必须输入输出都支持文本格式：  往下滑，可以看到是否有免费额度：  继续往下滑，找到模型名称"qwen3-max"，点击查看 API 示例查看 API 请求的地址：  阿里系所有模型的请求地址都可以填写下面的这个：  一个小问题需要注意，**如果你选择了不支持流式输出的模型**，比如“Qwen3.5-Flash”，会出现"AI总结"页面十几秒无输出的情况，**这不是Bug**，而是该模型不支持流式输出，需要等 AI 把所有内容全部生成完成后才会渲染到页面上，所以需要等待较长时间。   ### 2. 配置 Word 导出排版（办公党/强迫症必备） 在设置面板往下划，你会看到**「📄 Word 导出格式设置」**。 在这里，你可以将导出的 Word 格式定制成你需要的样子，告别全篇都是等线字体的尴尬： - **中文字体**：默认楷体，可选楷宋体、黑体、楷体、仿宋、微软雅黑等。 - **英文字体**：默认 Times New Roman。 - **各级字号**：采用最常用的中文标准字号，你可以设定“正文=小四”、“一级标题=小二”、“二级标题=三号”等。  选好之后，点击底部的 **“保存并应用设置”**。 ## 🕹️ 第三章：具体功能怎么玩？ 面板上方有两个主要的标签页：【📄 一键提取】和 【✨ AI 总结】。 ### 玩法一：提取纯净文章 1. 在【📄 一键提取】标签下，如果你看到喜欢的文章，面板会自动提取好。如果需要重新提取，点击顶部的 **“🔄 重新执行”**。 2. 稍等半秒，干干净净的文章连同图片就会出现在画板里。 3. **手动编辑**：鼠标直接点击提取出来的文字，你会发现可以像在 Word 里一样，随意**删除多余的段落、甚至打字加上自己的笔记**！ ### 玩法二：让 AI 帮你做总结 1. 确保你已经在上一步提取了正文（AI 必须要先有正文才能读懂哦）。 2. 点击顶部的 **“✨ AI 总结”** 标签页，AI 会立刻开始工作！ 3. 文字会像打字机一样实时输出（前提是你配置的是流式输出的模型），并自动排版好标题。如果你觉得 AI 总结得足够了，可以随时点击标题旁边的 **“⏹️ 停止生成”**。 ### 玩法三：一键复制或导出为 Word 在面板的最底部，有两个强力的导出按钮： - **📝 一键复制**：点击后会自动复制到你的剪切板中，它会自动保持原文的完美格式，直接到你需要的目标软件中“Ctrl + V“粘贴即可。 - **💾 另存为 Word**：点击后，脚本会自动按照你在设置中配置的字体和字号，在后台生成一份标准的 `.doc` 文档。浏览器会弹窗询问你保存在电脑的哪里，下载后用 Office 或 WPS 打开即可直接打印或编辑！ **⚠️注意：** 第一次使用脚本时，会出现如下弹窗，请选择“总是允许全部域名”，选择时会有安全提示，本脚本代码开源，大家可放心，无任何获取用户隐私数据行为：  ## ❓ 第四章：常见问题排查 (FAQ) **Q1：为什么我点击 AI 总结后，提示 `❌ 生成失败: Failed to fetch`？** **答**：请点开“⚙️设置”，仔细检查你的【接口地址(URL)】。99% 的错误是因为你只填了base_url，没有填全后面的路径。例如你配置的是Qwen，但是地址只写了：https://dashscope.aliyuncs.com/compatible-mode/v1，而不是完整的请求地址：https://dashscope.aliyuncs.com/compatible-mode/v1/chat/completions。 **Q2：提示 `❌ 生成失败: Incorrect API key provided. For details, see: https://help.aliyun.com/zh/model-studio/error-code#apikey-error` ？** **答**：说明你的 API Key 填错了，或者该账号余额不足。请点开设置里的“👁️小眼睛”仔细核对，注意开头结尾不要多复制了空格。 **Q3：为什么导出的 Word 文件名是 `.doc` 而不是 `.docx`？** **答**：因为本脚本是在浏览器纯净环境下运行的，为了保证最大的排版兼容性（让 Word 能完美识别你设置的“小二”、“楷体”等指令），`.doc` 格式是最高效的选择，完全不影响您的正常编辑和使用。 尽情享受纯净阅读、高效排版与 AI 带来的生产力飞跃吧！

计算机基础 c语言 #Python# #Go# web前端 #Android# java #脚本语言# #大数据# 计算机编程 https://www.aliyundrive.com/s/STAffxX2gHM 点击链接保存，或者复制本段内容，打开「阿里云盘」APP ，无需下载极速在线查看，视频原画倍速播放。