![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
chrome扩展
超频化石鱼
这个作者很懒,什么都没留下…
展开
-
chrome扩展开发调试
chrome扩展由content scripts,browser actions,background等多个部分组成。其中,content scripts属于注入web页面,所以在contentscripts中的console.log会被正确打印在web页面的控制台中。然而,除content scripts外的其他组成部分调用console.log,是不会被打印在web页面控制台中的。这是因为每个...原创 2018-07-09 09:44:06 · 3051 阅读 · 0 评论 -
chrome扩展结构
每个打开的页面都运行在web页面环境中。一个正常的web页面环境,会先初始化css,然后建立DOM树,接着加载图片和frame等子资源,然后顺序执行所有js。l chrome扩展本身运行在一个进程中,称之为background环境。background环境生命周期等同于浏览器生命周期。即只要浏览器在运行,那么background环境就一直在运行。在background环境中,借助API,可以操作...原创 2018-07-07 11:36:18 · 546 阅读 · 0 评论 -
chrome扩展开发流程
chrome扩展开发总体流程如下:1. 新建文件夹,并在其中添加所需的所有文件。2. 将chrome扩展程序管理页面打开,开启开发者模式,然后点击“加载已解压的扩展程序”,选择1中新建的文件夹。这样扩展便会运行,即可进行调试。当修改了扩展中的文件后,可以点扩展程序中的刷新按钮,或者关闭扩展再打开,或者重启浏览器,都可以更新扩展。3. 将chrome扩展程序管理页面打开,点击“打包...原创 2018-07-07 11:36:23 · 719 阅读 · 1 评论 -
chrome扩展:manifest.json文件详解
manifest.json是扩展的配置文件,指明了扩展的各种信息。一个manifest.json格式如下:{ // 必须的字段3个 "name": "MyExtension", // 扩展名称 "version": "1.0", // 版本。由1到4个整数构成。多个整数间用"."隔开 "manifest_version": 2, // manifest文件版本号。C原创 2018-07-07 11:36:27 · 32581 阅读 · 0 评论 -
chrome扩展实例:修改百度背景色
现在要实现一个chrome扩展,其功能是:当打开百度时,将百度的背景换为灰色。分析功能:当打开一个URL时,对其进行匹配,若是百度,则直接注入js,将背景色修改。希望让扩展显示在地址栏右侧,但不需要弹出气泡界面。于是,需要使用browser_action,background环境不需要,content_scripts需要。 首先新建一个文件夹,并添加manifest.json和3个文件夹:1. ...原创 2018-07-07 11:36:32 · 2779 阅读 · 0 评论 -
chrome扩展的browseraction:popup页面与js
对于chrome扩展,若启用browser action属性,则有以下注意事项:1. 所有的UI元素都写在popup.html中,css可以写在style中,也可以写在一个单独的css中引入。2. popup.html中所用到的js必须是一个单独的js文件,将js代码写在popup.html的<script>标签中是无效的。不妨将js取名为popup.js,下面都使用该名称...原创 2018-07-07 17:15:02 · 8920 阅读 · 5 评论