chrome扩展调试

chrome扩展其实有点像是一个打包编译好的app，如果加载到chrome里再调试，即使是未打包的状态也相当麻烦，每调试一次便要重新加载一次，由此，我想当比较方便的方法是，直接在浏览器中打开（推荐部署在本地服务器再打开），这样每改一个小地方，只要刷新一下浏览器，马上就能看到最新的结果了。

然而，上述的这种方法，只适合于分别调试popup.html及background.html，对于拥有特殊架构的chrome扩展来说，很多时候我们是需要联合这俩页面来调试的。
popup.html还比较好办，点击扩展弹出popup后，右键菜单审查元素即可呼出开发者工具【本人发现是在扩展的按钮上右键菜单，Chrome80版本】，但是background.html要怎么呼出开发者工具呢？难道只能用alert？

一番搜索后，终于发现，在chrome管理扩展的页面（扩展程序），在我们需要调试的扩展那一栏，有个“检查视图：background.html”或"背景页"，其中的"background.html"是可以点击的，我们点下去后就可以激活针对background.html的开发者工具了。

chrome扩展调试相关推荐

Chrome 扩展工具及命令
一些Chrome的地址栏命令(这些命令会不停的变动,所有不一定都是好用的) 在Chrome的浏览器地址栏中输入以下命令,就会返回相应的结果.这些命令包括查看内存状态,浏览器状态,网络状态,DNS服务器 ...
调试Chrome 扩展
本篇:对调试扩展有了基本的了解. 扩展可以利用 Chrome DevTools 为网页提供的调试功能,它带有独特的行为属性,是一个专业的扩展调试器,能够让我们了解拓展的行为.扩展组件之间的工作方式以及 ...
分享一些好用的 Chrome 扩展
阅读本文大概需要 2.8 分钟. 前言使用浏览器扩展程序可以使你的工作效率提高数倍不止,那么下面我就向大家分享一下我日常使用的扩展,可能大多数扩展大家都已经在使用了,不过也难免有一两个是你不知道的. ...
activex for chrome扩展程序下载”_提升前端开发效率：你应该知道的10个Chrome扩展程序...
作者 | Chidume Nnamdi 译者 | 王强策划 | 李俊辰 "进步不是勤奋者的功劳.它是懒惰者在尝试寻找更简单的方法时取得的成果." --罗伯特·海因莱因 CSSV ...
卸载chrome_Chrome 浏览器必备“扩展管理工具”，一键管理 Chrome 扩展
前言丰富的扩展插件可以说是 Chrome 浏览器的灵魂了,但是扩展安装的多了,难免会引起卡顿,而且每次打开/关闭扩展都要进入扩展程序页面,切换起来很不方便. 下面分享的三款 Chrome 扩展管理工 ...
Chrome浏览器扩展开发系列之一：初识Google Chrome扩展
1. Google Chrome扩展简介 Google Chrome扩展是一种软件,以增强Chrome浏览器的功能. Google Chrome扩展使用HTML.JavaScript.CS ...
Sauce Labs将分析和扩展调试添加到其持续测试云中
\ 看新闻很累?看技术新闻更累?试试下载InfoQ手机客户端,每天上下班路上听新闻,有趣还有料! \ \\ 在最近的用户会议SauceCon上,Sauce Labs为其持续测试云加入了一些新的功能,包 ...
用 Chrome 扩展实现修改
用 Chrome 扩展实现修改 ajax 请求的响应 wincss 4 个月前背景 Fiddler 和 Charles 是常见的 HTTP 调试器,它们会在本地运行一个代理服务器,可以查看浏览器或其 ...
开始学习开发Chrome扩展插件
以下是一个简单的Chrome扩展程序开发的例子: 创建一个新的文件夹并命名为"Chrome-Extension",并添加manifest.json文件,这个叫格式清单文件,在文件中 ...

chrome扩展调试

chrome扩展调试相关推荐

最新文章

热门文章