1000字范文 > 制作chrome插件/扩展程序禁止谷歌浏览器访问某些网站

制作chrome插件/扩展程序禁止谷歌浏览器访问某些网站

时间：2022-12-07 21:51:04

简单地说，浏览器插件，可以大大的扩展你的浏览器的功能。包括但不仅限于这些功能：

捕捉特定网页的内容捕捉HTTP报文捕捉用户浏览动作，改变浏览器地址栏/起始页/书签/Tab等界面元素的行为与别的站点通信，修改网页内容……可以用它来识别一些网站上的广告代码，并直接把这些代码删掉，这样你就不会受到广告的困扰了

浏览器插件的弊端：会带来一些安全隐患，也可能让你的浏览器变得缓慢甚至不稳定。

插件地址：/shengulong/chrome_plugin

1、chrome地址栏输入chrome://extensions/，可以看到当前谷歌浏览器的全部扩展程序

开启开发者模式，可以加载自己制作的扩展程序，或者把自己制作的扩展程序打包

打包第一个扩展程序，生成crx插件和pem密钥，这样别人就可以直接使用安装这个插件了

2、插件制作：

创建一个目录，里面创建2个文件，插件入口文件manifest.json和主程序文件background.js开发者模式下加载已经解压的扩展程序，选择刚才创建的目录，进行加载，出错会有错误提示

所有插件都要有manifest.json这个文件，这是插件的配置文件，可看作插件的“入口”,要放在插件的根目录下面

permissions属性是一个数组，它定义了扩展需要向 Chrome 申请的权限，比如通过 XMLHttpRequest 跨域请求数据、访问浏览器选项卡（tabs）、获取当前活动选项卡（activeTab）、浏览器通知（notifications）、存储（storage）等，可以根据需要添加。

background可以使扩展常驻后台，比较常用的是指定子属性scripts，表示在扩展启动时自动创建一个包含所有指定脚本的页面。

manifest.json

{"manifest_version": 2, #必须参数，值必须为2"name": "Chrome_request_blocking", #必须参数，插件名字"version": "1.0", #必须参数，插件版本，有格式要求1.x.x"background":{"scripts":["js/background.js"]}, #完成插件功能的js脚本路径"permissions": ["webRequest", "webRequestBlocking", "*:///htdocs/scripts/lib/*" #拦截url必须允许webRequest和webRequestBlocking.这个设置的意思是插件拦截所有发往"*:///htdocs/scripts/lib/*"的请求]}

background.js

// Copyright The Chromium Authors. All rights reserved.// Use of this source code is governed by a BSD-style license that can be// found in the LICENSE file.// 'use strict';//监听所有请求chrome.webRequest.onBeforeRequest.addListener(function(details) { return {cancel: true}; },{urls: ["/htdocs/scripts/lib/three.min.js"]}, #拦截的url列表["blocking"]);

注意：html和js要分开执行，也就是说不能在html里放js语句，

<td>

</td>

只能放js引用（<script src="popup.js"></script>）

<!--

- JavaScript and HTML must be in separate files: see our Content Security

- Policy documentation[1] for details and explanation.

- [1]: /extensions/contentSecurityPolicy

-->

调试：

在插件的popup.html页面上右键弹出“检查”，然后出现另一个开发者工具界面(这个是插件的开发者工具，有别于网页的开发者工具)，然后可以调试popup.html已经popup.html引用的js文件。

background.js是主程序，是看不到的