大家好，关于谷歌浏览器脚本怎么打开很多朋友都还不太明白，今天小编就来为大家分享关于谷歌浏览器脚本怎么打开网页的知识，希望对各位有所帮助！

本文目录

1. 谷歌浏览器怎么调试js
2. 油猴怎么用
3. 请问浏览器的脚本功能怎么打开
4. 怎么安装 chrome脚本扩展
5. 手机谷歌浏览器添加脚本
6. 如何将隐藏在浏览器的脚本找出来

一、谷歌浏览器怎么调试js

首先我们打开开发者工具，你可以直接在页面上点击右键，然后选择审查元素或者在Chrome的工具中找到或者你直接记住这个快捷方式： Ctrl+Shift+I(或者Ctrl+Shift+J直接打开控制台)，或者直接按F12。

  打开的开发者工具就长下面的样子，建议大家将开发者工具弹出作为一个独立的窗口：

这个就是查看、编辑页面上的元素，包括HTML和CSS：

  左侧就是对页面HTML结构的查看与编辑，你可以直接在某个元素上双击修改元素的属性，或者你点右键选;Edit as Html;直接对元素的HTML进行编辑，或者删除某个元素，所有的修改都会即时在页面上得到呈现。(注：看到上面右键菜单的最后一个选项;审查元素了么?这是不是说明这个开发者工具的页面也是HTML来的呢?你点一下就知道了哦，嘿嘿)

你还可以对某个元素进行监听，在JS对元素的属性或者HTML进行修改的时候，直接触发断点，跳转到对改元素进行修改的JS代码处：

  Elements标签页的右侧可以对元素的CSS进行查看与编辑修改：

  你还可以通过这里看到各CSS选择器设置的CSS值的覆盖情况。

下面的Metrics可以看到元素占的空间情况(宽、高、Padding、Margin)

  注意到上面的Properties没有?这个很有用哦，可以让你看到元素具有的方法与属性，比查API手册要方便得多哦(要注意某些方法和属性在IE、FireFox等其他浏览器下面的支持情况哦)。

  Resources标签页可以查看到请求的资源情况，包括CSS、JS、图片等的内容，同时还可以查看到存储相关的如Cookies、HTML5的Database和LocalStore等，你可以对存储的内容编辑和删除。

这里的CSS文件有一个好玩的特性，你可以直接修改CSS文件，并且修改即时生效哦：

  Network标签页对于分析网站请求的网络情况、查看某一请求的请求头和响应头还有响应内容很有用，特别是在查看Ajax类请求的时候，非常有帮助。注意是在你打开Chrome开发者工具后发起的请求，才会在这里显示的哦。

点击左侧某一个具体去请求URL，可以看到该请求的详细HTTP请求情况：

  我们可以在这里看到HTTP请求头、HTTP响应头、HTTP返回的内容等信息，对于开发、调试，都是很有用的。

很明显，这个标签页就是查看JS文件、调试JS代码的，直接看下图的说明：

  还有你可以打开Javascript控制台，做一些其他的查看或者修改：

  你甚至还可以为某一XHR请求或者某一事件设置断点：

注意这个Timeline的标签页不是指网络请求的时间响应情况哦(这个在Network标签页里查看)，这个Timeline指的JS执行时间、页面元素渲染时间：

  点击底部的Record就可以开始录制页面上执行的内容。

这个主要是做性能优化的，包括查看CPU执行时间与内存占用：

这个对于优化前端页面、加速网页加载速度很有用哦(相当与Yslow)：

  点击run按钮，就可以开始分析页面，分析完了就可以看到分析结果了

  它甚至可以分析出页面上样式表中有哪些CSS是没有被使用的哦：

  这个除了查看错误信息、打印调试信息(console.log())、写一些测试脚本以外，还可以当作Javascript API查看用。

例如我想查看console都有哪些方法和属性，我可以直接在Console中输入;并执行：

  怎么样，一目了然了吧?再例如我想查看日期函数都有哪些方法：

  (注：注意在这里看到的某些方法和属性是ES5新增的，记得兼容其他浏览器的支持情况哦)

Google Chrome除了简洁、快速，现在的Chrome的插件也非常的丰富了。而对于web开发者来说，Chrome对于HTML5、CSS3等一些新标准的支持也是比较完善的，而且Chrome的开发者工具我个人认为真的非常好用，这就是为什么我向web开发者推荐使用Chrome的原因。

二、油猴怎么用

1、Tampermonkey，俗称“油猴子”。是一款免费的浏览器扩展和用户脚本管理器，它适用于 Chrome, Microsoft Edge, Safari, Opera Next,和 Firefox。

2、Tampermonkey，可以自由定制网页，实现你想要的各种功能。比如自由定制网站页面、去除广告、下载网盘文件、破解某些VIP限制等一系列强大的功能。

3、油猴子其实是一个脚本引擎，它提供了脚本安装、自动更新检查、标签中的脚本运行状况速览等管理功能。比如你想要定制某一个功能，那么你只需往油猴子里面添加对应的脚本就可以了，而不用再安装其它浏览器插件。相对于插件扩展，脚本更轻量级，不占用太多资源并且只在特定的站点生效。它能够通过最简单的脚本来更改一个网站或者网页的布局、外观和操作。

4、安装步骤很简单，下面以谷歌浏览器为例。首先访问油猴子插件官网：，进入后如下：

5、然后选择你对应浏览器的类型，这里我选择 chrome，然后点击下载、安装，安装成功后在浏览器右上方会有一个小图标：

6、在网上有很多各类脚本可供使用，比如 Greasy Fork网站，网站地址：

7、，该网站提供了各类功能的脚本，你可以根据需要自行下载。

8、下面以下载 instagram上面的图片为例。在 instagram上，默认你右击图片是没下载选项的。对于稍微了解一点程序来说下载图片很容易，使用浏览器的审查元素功能，然后找到图片真正的 url就可以进行下载了。不过你每次想保存图片都得审查一下元素也是很费劲。下面介绍使用油猴脚本进行下载（这里只是举个例子）。

9、首先你找到脚本代码地址：如下：

10、你可以直接选择安装此脚本，或者直接复制上图中文本框内的所有代码，然后在浏览器右上方鼠标左击该插件，如下：

11、然后选择添加新脚本，出现如下页面：

12、接着，把刚才复制的脚本代码直接复制到文本框里面，记得全部替换掉，然后点击保存：

13、接着你重新访问 instagram，然后右击图片，这时候就会出现保存图片的选项。

14、在 Greasy Fork网站上还有很多很有用的插件，比如屏蔽广告、下载网盘文件、vip视频解析等。你可以根据个人需要，去网站上找一些实用的脚本。

15、下面再介绍一个 vip视频破解脚本，脚本下载地址：

16、

17、安装脚本参考上面的例子，这里不再赘述，安装完后如下：

18、该视频解析目前支持腾讯视频、爱奇艺视频、优酷等。安装完脚本后，下面以腾讯视频为例，现在随便访问一个需要会员才能观看的视频，打开视频后左上方会有一个 vip视频解析列表，如下：

19、然后你随便使用列表里面的选项进行视频解析，你会发现一些 vip才能观看的视频现在也能正常观看。

20、其实该脚本只是把一些 vip视频解析地址整合到了一起。真正解析后播放，是跳转到了第三方网站进行播放。（这里仅为测试，vip视频解析不长久，而且侵犯了版权，建议购买会员进行观看）。

21、综上，Tampermonkey插件还是非常有用的，以上只是举了两个例子，你可以根据需要去添加一些其它脚本。

三、请问浏览器的脚本功能怎么打开

1、1，以IE为例，找到IE浏览器的菜单栏，菜单栏上有个名称为“工具”的菜单项（红框内），鼠标点击该菜单项后将会带出子菜单，如图：

2、2，在弹出的子菜单中，需要选择“Internet选项(O)”选项（红框内），如图：

3、3，选择“Internet选项(O)”选项后，系统自动弹出一个“Internet选项”设置对话框，如图：

4、4，在弹出的对话框中再选择“高级”选项卡（红框内），如图：

5、5，在“高级”选项卡的设置内容栏里面找到“禁用脚本调试（Internet Explorer）”和“禁用脚本调试（其他）”两个选项（红框内）。将这两个选项的对勾去掉（即使这两个选项处于非选中状态）。

6、6，最后，确认都设置完成后，点击“确定”按钮（红框内），这样IE浏览器设置就会生效了。

四、怎么安装 chrome脚本扩展

1、点击开始或者桌面菜单，启动谷歌浏览器。

2、点击浏览器右上角的三道横线的符号

4、在打开的页面中选择左侧的“扩展程序”菜单

5、这时候会显示您已经安装的扩展程序

6、点击底部的“获取更多扩展程序”

7、打开 chrome网上应用，搜索您想要安装的扩展，安装即可

五、手机谷歌浏览器添加脚本

1、直接访问扩展商店，搜索想安装的扩展就可以。

2、Tampermonkey是一款免费的浏览器扩展和同时也是最为流行的用户脚本管理器，它适用于Chrome，MicrosoftEdge，Safari，OperaNext，和Firefox。这款插件还适用于安卓设备。虽然有些受支持的浏览器拥有原生的用户脚本支持，但Tampermonkey将在您的用户脚本管理方面提供更多的便利。它提供了诸如便捷脚本安装、自动更新检查、标签中的脚本运行状况速览、内置的编辑器等众多功能，同时Tampermonkey还有可能正常运行原本并不兼容的脚本。

六、如何将隐藏在浏览器的脚本找出来

1.在360界面菜单栏的“工具”中选择“360安全浏览器选项”。

3.在网页设置选项中取消不支持java小程序选项。

4.设置完成后，重新打开浏览器设置即可生效。

打开360浏览器，点击”管理“图标，选择”添加“。

打开360应用市场，在右上角搜索对话框中可输入需要查找的内容

输入“Tampermonkey”，可以查找到Tampermonkey脚本。

点击文字“Tampermonkey”可以弹出脚本的简介信息。

选择“添加到浏览器”—“添加”，安装成功。

点击浏览器菜单栏中的脚本图标，选中“管理面板”。

在管理面板中可以查看已经安装的脚本，如没有安装则可，点击“获取一些脚本”，则可找到并安装自己需要的脚本。

关于谷歌浏览器脚本怎么打开和谷歌浏览器脚本怎么打开网页的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。