自学内容网 自学内容网

浏览器插件调试方法总结

前言

浏览器插件为网页前端技术,调试方式和浏览器是相通的,其中不同的插件内容调试方式不一样,目前刚学,调试的方式有多种,这里做个记录。

Background.js内容调试

 Background是浏览器插件的常驻内容,运行周期是跟随浏览器,核心操作基本都在这里面。

进入插件管理页面,即用浏览器打开chrome://extensions/,有个Service Worker,点击就能打开background.js的调试窗口

popup页面调试

Popup页面弹出后,右键popup页面,选择检查,就能进入popup页面的调试页面,popup页面的调试内容包含background.js的输出内容。Popup的调试窗口调起后,如果没关掉,popup是不会关掉的。

注入js的调试内容

浏览器插件支持脚本注入,包含content_scripts方式的固定注入方式,以及chrome.scripting.executeScript的动态注入方式,脚本注入的打印输出通过上面两种方式是看不到。可通过浏览器的调试模式查看,就是你注入的页面打开F12的控制台就能看到你注入的js的输出结果,可以看成浏览器插件注入js跟在控制台执行js是一样的效果


原文地址:https://blog.csdn.net/a137748099/article/details/143923694

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!