rxliuli blog
·
Browser Extension Dev - 06. 按需注入脚本
💡
原文中文，约4200字，阅读约需10分钟。
📝
内容提要
本文介绍了如何在浏览器扩展中按需注入脚本，以避免影响网页速度和安全性。通过点击扩展图标，后台脚本向当前网页注入脚本，实现将网页内容转换为Markdown。使用了@mozilla/readability和turndown库进行内容解析和转换。
🎯
关键要点
- 本文介绍了如何在浏览器扩展中按需注入脚本，以避免影响网页速度和安全性。
- 通过点击扩展图标，后台脚本向当前网页注入脚本，实现将网页内容转换为Markdown。
- 使用了@mozilla/readability和turndown库进行内容解析和转换。
- 按需注入脚本的方式不会拖慢网站运行速度，也不会引发安全警告。
- 与默认注入Content Script相比，按需注入的权限要求更低，风险更小。
- 实现过程中需要在manifest中添加所需权限和web_accessible_resources配置。
- 通过npm生态系统，使用少量代码即可实现网页内容的读取和Markdown转换。
- 在下一篇中将继续完善扩展，使用Popup弹窗直接预览和编辑Markdown。
❓
延伸问答
如何在浏览器扩展中按需注入脚本？
通过点击扩展图标，后台脚本向当前网页注入脚本，从而实现按需执行代码。
按需注入脚本有什么优势？
按需注入脚本不会拖慢网站速度，也不会引发安全警告，权限要求更低，风险更小。
在实现按需注入脚本时需要哪些权限？
需要在manifest中添加'activeTab'和'scripting'权限。
如何将网页内容转换为Markdown？
使用@mozilla/readability库解析网页内容，并使用turndown库将HTML转换为Markdown。
按需注入脚本的实现过程中遇到的常见错误是什么？
常见错误包括无法加载注入脚本文件，需要在manifest中配置web_accessible_resources。
下一篇文章将讨论什么内容？
下一篇文章将继续完善扩展，使用Popup弹窗直接预览和编辑Markdown。
➡️
