大家好，谷歌浏览器 js 插件相信很多的网友都不是很明白，包括谷歌浏览器加速器插件也是一样，不过没有关系，接下来就来为大家分享关于谷歌浏览器 js 插件和谷歌浏览器加速器插件的一些知识点，大家可以关注收藏，免得下次来找不到哦，下面我们开始吧！

本文目录

1. chrome如何添加js插件
2. 如何在浏览器上运行js
3. 怎样在浏览器里使用javascript
4. 如何在 Chrome 插件中访问任意网页中的 JavaScript 变量
5. 谷歌浏览器扩展开发,怎么样才能调用网页的JS函数

一、chrome如何添加js插件

1、下载插件的安装包，或者手动编译文件后缀为.crx的插件安装包。

2、启动浏览器后，点击界面右上方的扳手图标，依次点击“工具”、“扩展程序”。

3、把本地的插件安装包直接拖曳到“扩展程序”的页面中即可进行安装。浏览器会自动识别并安装该安装包。

4、注意：由于插件可能存在安全问题，目前大多数的Chrome内核不再支持该方法进行安装，此时可以提交到谷歌Chrome浏览器插件中心进行添加。

二、如何在浏览器上运行js

JavaScript不同于java语言或者c语言，需要环境、需要编译再运行，js在被制造出来时，就是为浏览器而生，可以直接在浏览器里运行，这里以谷歌浏览器为例，鼠标右键检查或者快捷键F12即可看到控制台可以理解为操作系统里的命令行模式

在这里就可以直接输入我们想输入的js代码，回车即可查看代码执行结果

在浏览器输入js代码的好处显而易见：方便，打开浏览器就能输代码查看执行结果，我平常也多用浏览器控制台学学原生js的原理或者看看正则是不是匹配，因为浏览器控制台的缺点太多了：操作不便，没法文件操作只能命令行，找错困难，大多数时候的js是有依赖的，控制台不方便整依赖，所以，一般控制台也就执行执行简单原生的js

实际上，我们肯定不想用命令行的方式，当然是用一个顺手的IDE写代码。

这种方式，就是我大学时候，老师们教的传统方式了。

学HTML的时候，会教到标签，有一个标签不同于别的花里胡哨的标签，这个标签很牛，叫做<script>脚本标签，用来嵌入或者引用可执行脚本，这里解释一下嵌入和引用。嵌入呢，就是把脚本写在标签里边儿，引用呢，就是把脚本写好，然后用标签引入这个脚本的路径

这是主流的写法也是主流的教法，嵌入的写法就是这样：

查看执行结果的话，点击IDE边上的浏览器图标或者右键run这个html页面，等浏览器弹出来，右键检查就能看到控制台输出的值了

实际上上面第二种方法已经很靠谱很普及了，可还是用起来不舒服，每回都要写一个HTML，有的甚至还要再写一个js，那能不能像运行html一样，直接右键运行js呢？

当然是可以的！用node！以下是我花了一个小时才整成的历程！

1、由于我是新的电脑，我装了个nodejs，安装包安装完后，直接命令行执行node命令，即可以直接运行js代码

这样方式还是很蠢，和浏览器没什么区别

2、我用IDE些好的js文件，然后用node单独执行

看上去是好一点了，可以单独执行文件了，但是这样还是很蠢，每回打开cmd还要找到js的路径

三、怎样在浏览器里使用javascript

JavaScript不同于java语言或者c语言，需要环境、需要编译再运行，js在被制造出来时，就是为浏览器而生，可以直接在浏览器里运行，这里以谷歌浏览器为例，鼠标右键检查或者快捷键F12即可看到控制台可以理解为操作系统里的命令行模式

在这里就可以直接输入我们想输入的js代码，回车即可查看代码执行结果

在浏览器输入js代码的好处显而易见：方便，打开浏览器就能输代码查看执行结果，我平常也多用浏览器控制台学学原生js的原理或者看看正则是不是匹配，因为浏览器控制台的缺点太多了：操作不便，没法文件操作只能命令行，找错困难，大多数时候的js是有依赖的，控制台不方便整依赖，所以，一般控制台也就执行执行简单原生的js

实际上，我们肯定不想用命令行的方式，当然是用一个顺手的IDE写代码。

这种方式，就是我大学时候，老师们教的传统方式了。

学HTML的时候，会教到标签，有一个标签不同于别的花里胡哨的标签，这个标签很牛，叫做<script>脚本标签，用来嵌入或者引用可执行脚本，这里解释一下嵌入和引用。嵌入呢，就是把脚本写在标签里边儿，引用呢，就是把脚本写好，然后用标签引入这个脚本的路径

这是主流的写法也是主流的教法，嵌入的写法就是这样：

查看执行结果的话，点击IDE边上的浏览器图标或者右键run这个html页面，等浏览器弹出来，右键检查就能看到控制台输出的值了

实际上上面第二种方法已经很靠谱很普及了，可还是用起来不舒服，每回都要写一个HTML，有的甚至还要再写一个js，那能不能像运行html一样，直接右键运行js呢？

当然是可以的！用node！以下是我花了一个小时才整成的历程！

1、由于我是新的电脑，我装了个nodejs，安装包安装完后，直接命令行执行node命令，即可以直接运行js代码

这样方式还是很蠢，和浏览器没什么区别

2、我用IDE些好的js文件，然后用node单独执行

看上去是好一点了，可以单独执行文件了，但是这样还是很蠢，每回打开cmd还要找到js的路径

四、如何在 Chrome 插件中访问任意网页中的 JavaScript 变量

如何在Chrome浏览器安装其他网站第三方扩展程序

近日 Google的 Chrome浏览器宣布从最新的 Chrome 21.x以及更高的 Chrmoe 22.x版本开始默认只允许从 Chrome Web Store下载安装扩展程序，而众多未登陆 Web Store的无论是扩展插件还是应用程序抑或 Greasemonkey等 JS脚本都被排除在外。

当然，按照官方给出的解释是处于安全考虑，而刚好最近被爆出的 Chrome Web Store中的Proxy Switchy Plus汉化版等存在流氓行为也表明这项举措也无可厚非，但毕竟还是给很多使用 Greasemonkey或 Stylish脚本的用户造成了很大的不便，那么现在应当如何在谷歌浏览器安装 Web Store外的第三方扩展程序呢？下面有两个方法。

1.下载扩展程序/脚本程序，将其保存在本地计算机内；

2.将保存下来的*.crx文件或*.js文件直接拖拽到浏览器的“扩展程序”（chrome://chrome/extensions/）页面。（工具----扩展程序）

也是先将扩展程序下载保存到本地，然后将下载来的文件后缀名*.crx改成*.rar，这样你就得到了一个压缩文件，然后右键解压这个压缩文件得到一个文件夹。然后在浏览器里打开扩展程序页面（ chrome://settings/extensions），选中右上方开发人员模式复选框，然后再点击左上方的”载入正在开发的扩展程序“按钮

选中刚刚解压出来的文件夹然后点确定即可。

右击 Chrome桌面快捷方式，选择-"属性"-"快捷方式"，然后在"目标"一栏尾部添加参数--enable-easy-off-store-extension-install，然后再运行浏览器就可以像以前那样正常安装 Web Store之外的第三方扩展应用及脚本程序了。

五、谷歌浏览器扩展开发,怎么样才能调用网页的JS函数

1、我摘抄了一段官方文档中关于这一点的解释：

2、Content scripts execute in a special environment called anisolated world. They have access to the DOM of the page they are injected into, but not to any JavaScript variables or functions created by the page. It looks to each content script as if there is no other JavaScript executing on the page it is running on. The same is true in reverse: JavaScript running on the page cannot call any functions or access any variables defined by content scripts.

3、其中提到了 content scripot的执行环境和页面原来的直用环境其实并不是同一个环境，而是一个隔离的环境，他们相互之间并不影响。也就说你访问不了原来页面里的变量，原来的页面也访问不了你新创建的变量。

4、但是，我们可以通过另外的方法与原页面通信，可以参考上文官方链接中 Communication with the embedding page这节内容。

5、另外，还有一种办法，content script执行在隔离环境，但 content script可以通过 js动态插入另一个<script>，这个script并不受限制，从而曲线实现。

6、各种方案略有差异，还需根据各自的需求来选择。

好了，文章到此结束，希望可以帮助到大家。