限 时 特 惠： 本站每日持续稳定更新内部创业教程，一年会员只需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
声明：本站所有资源系站长耗费大量精力时间物力长期搜集维护，故仅对会员免费开放，每日手选更新，非烂大街的采集站，开通会员: 点击此处自助开通或者联系站长微信muyang-0410开通
