chrome插件控制台

在manifest.json中添加下面的几行

"background": {
		"scripts": ["background.js"]
	},

  

在插件项目文件夹下面新建一个 background.js ,内容为空也可以

然后重新加载插件,就可以看到有 inspect view 的字样,点击 background page 就可以打开控制台了。

参考:

https://www.raymondcamden.com/2012/06/06/Quick-tip-for-debugging-Chrome-Extensions/

原文地址:https://www.cnblogs.com/eleven24/p/8257895.html

时间: 2024-11-14 12:46:08

chrome插件控制台的相关文章

这是一款借助chrome 插件的微信机器人

1.chrome kit微信机器人简介(github:https://github.com/LinuxForYQH/chrome_kit) 借助chrome 插件 js注入来实现消息的发送 chrome devtool api的调用来监听https请求 打开微信登录界面,在扫码登录前必须先打开toolbar(F12 或者 鼠标右键检查),如上所说因为借助了chrome devtool api所以需要打开toolbar才能执行相关dev域的js. 2.相关开发原理介绍 https://develo

1.Google Chrome浏览器 控制台全解析

Google Chrome浏览器 控制台全解析 在Google Chrome浏览器出来之前,我一直使用FireFox,因为FireFox的插件非常丰富,更因为FireFox有强大的Firebug,对于前端开发可谓神器. 在Chrome出来的时候,我就喜欢上它的简洁.快速,无论是启动速度还是页面解析速度还是JavaScript执行速度(现在的FireFox4也比之前的FireFox3有很大的进步).不过当时由于Chrome的开发者工具还不是很完善,而我又不是很熟悉,加之对于Firebug的好感和依

让chrome的控制台更高大上(装B用)

作为一名屌丝前端程序员,在装B的道路上是越走越远了!废话不多说,直接先上几张图:我的Element是这样的: 我的console是这个样子的: 我的Timeline是这个样子的: ---------------------------正文在这里-------------------------------------- 1. 你的有一个chrome浏览器 2. 你得在chrome的扩展程序里下载这个插件:  ZeroDarkMatrix Theme for Chrome (1)  如果你不能FQ

微软专家推荐11个Chrome 插件

Web开发人员,需要长时间使用浏览器,尽管Windows10 Edge浏览器启动非常快速,且支持110多种设备,Edge支持基于JS 扩展,但也删除了很多旧功能像Active-X等插件.多数情况下,插件不仅可以解决一些安全问题,而且能够有效的解决浏览器负载问题.会在Chrome中每新打开一个标签页,插件都会自行运行,生成新的插件实例.这就意味着如果你打开10个标签页,并且浏览器有10个插件,那么就会造成负载过量的情况.因此选择有效好用的浏览器插件是非常必要的. 下面推荐一些非常有用的Chrome

Web前端开发人员实用Chrome插件收集

越来越多的前端开发人员喜欢在Chrome里开发调试代码,Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率.尤其Chrome本身是可以登录的,登录后你所有的插件都会自动同步到每一个登录后的Chrome的,非常方便啊. Postman - REST Client Postman是Ajax开发的神器,对于Restful开发方式特别有帮助,可以用来模拟各种请求来测试API的正确性,比如用来模拟Ajax请求.它还支持认证,比如简单的用户名/密码,或者Oauth1.0.Rest Conso

Web前端开发Chrome插件

参考:http://www.cnblogs.com/sosoft/p/3490481.html 越来越多的前端开发人员喜欢在Chrome里开发调试代码,Chrome有许多优秀的插件可以帮助前端开发人员极大的提高工作效率.尤其Chrome本身是可以登录的,登录后你所有的插件都会自动同步到每一个登录后的Chrome的,非常方便啊. Postman - REST Client Postman是Ajax开发的神器,对于Restful开发方式特别有帮助,可以用来模拟各种请求来测试API的正确性,比如用来模

Chrome插件推荐之Adobe DTM Switch Chrome插件

这个方便的Chrome插件,您可以切换调试模式和分期方式的Adobe动态变量管理器.调试模式... 这个方便的扩展,您可以切换调试模式和分期方式的Adobe动态变量管理器.调试模式启动DTM库打印所发生的事情到控制台,并分期方式使用生产库的升级库,而不是. 安装时,图标会显示在地址栏的时候一个站点的Adobe DTM安装.点击图标,它就会有开关来切换调试和升级模式. This handy extension allows you to toggle the debug mode and stag

VSCode配置 Debugger for Chrome插件

Debugger for Chrome这个插件是直接在vscode里面进行调试js文件,跟谷歌的控制台是一样的功能,下载了它就不用打开浏览器的控制台就能进行打断点. 首先在左侧扩展栏找到这个插件下载好了后重启编辑器之后配置 配置步骤如图: 图中配置字段信息解释如下: version : 你定义这个配置文件的版本,生成的时候默认是0.2.0 configuration:配置域 name:配置文件的名字,可以自己起 type:调试的类型,node是vscode本身就支持,其他就需要下载插件了 req

试着开发chrome插件

我的第一个chrome插件,是app形式的 代码如下 创建一个文件: 1.manifest.json 1 { 2 "version": "1.0", 3 "manifest_version": 2, 4 "app":{ 5 "launch":{ 6 "web_url":"http://www.cnblogs.com/zzzzw" 7 }, 8 "urls&q