本文介绍了WXT,一个用于浏览器扩展开发的框架,类似于Vite。WXT支持TypeScript、Npm和React等现代工具,简化了跨浏览器扩展的构建过程,提供热更新和标准化的消息通信,提升开发效率。
在使用wxt框架开发浏览器扩展时,利用Shadow Root可以隔离脚本与网站样式,避免content-scripts对网站的影响。同时,在配置文件中设置扩展的API、模块和权限,以确保正确生成manifest。
文章讨论了作者从Cursor转向Qoder的开发工具使用经历,以及在本地局域网搭建Git服务的需求。作者还分享了近期旅行和对南京大屠杀纪念馆的感悟,强调了和平的重要性。
最近使用wxt框架开发浏览器扩展,记录了一些问题。通过使用Shadow Root,可以避免content-scripts对网站的侵入式影响,并渲染App.vue组件。配置中包括权限设置和内容脚本的注入。
介绍了Screenzy、AutoCorrect、Internet Artifacts、WxReader和wxt等软件和网站。其中AutoCorrect可优化中英文混排格式,wxt可加速Chrome扩展程序开发。
完成下面两步后,将自动完成登录并继续当前操作。