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

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

插件地址：

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

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

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

2、插件制作：

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

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

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

.json

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

.js

// Copyright 2018 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: ["https://login.tongdxue.cn/htdocs/scripts/lib/three.min.js"]},  #拦截的url列表
        ["blocking"]
);

插件怎么在浏览器打开_chatgpt浏览器扩展插件_浏览器扩展插件网站

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

增加

只能放js引用（）

调试：

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

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

参考：

1、

2、

3、

4、

官网资料：

#event-

中午版官网资料：