限 时 特 惠： 本站每日持续稳定更新内部创业教程，一年会员只需98元，全站资源免费下载 点击查看详情
站 长 微 信： muyang-0410
前言
前面 简单介绍了半自动化的测试工具，基于做插件来做，这里我们详细介绍下如何开发一款自己的扫描插件，这里使用的wxt框架进行chrome插件开发，开发比较方便，当然你也可以使用原生方法开发。
简介
以前开发插件主要采用原生的js和html进行，界面比较丑，而且开发效率比较低，这里介绍一款开发框架，可以快速实现插件的开发。
若是没有接触过插件开发的话前期可以先了解下插件里面必须的几个文件：
安装
这里我们计划创建一个基于的xss扫描插件，首先创建一个工程
npx wxt@latest init ChromeScan
这样将安装上WXT框架，并且初始化一个工程
这里选择采用vue模板进行开发，回车后选择采用pnpm进行包管理
运行完成之后可以看到项目Demo创建完成，
运行
pnpm run dev
即可运行插件,剩下的就是对代码进行调整来实现我们的功能了
[!INFO]
这里有个小技巧，若是你安装的是其他内核的浏览器，比如我的是ARC，运行时候会报错找不到浏览器chrome插件开发，此时你可以更改///.pnpm/-@1.1.0//-/dist/-.js文件，把ARC路径加进去即可
限 时 特 惠： 本站每日持续稳定更新内部创业教程，一年会员只需98元，全站资源免费下载 点击查看详情
站 长 微 信： muyang-0410
声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，请联系我们进行处理。
