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