谷歌脚本区

‘壹’ 怎么在谷歌浏览器安装js脚本调试插件

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

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

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

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

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

你还可以通过这里看到各CSS选择器设置的CSS值的覆盖情况。
下面的Metrics可以看到元素占的空间情况（宽、高、Padding、Margin）

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

Resources标签页可以查看到请求的资源情况，包括CSS、JS、图片等的内容，同时还可以查看到存储相关的如Cookies、HTML5的Database和LocalStore等，你可以对存储的内容编辑和删除。
这里的CSS文件有一个好玩的特性，你可以直接修改CSS文件，并且修改即时生效哦：

3、Network标签页

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

我们可以在这里看到HTTP请求头、HTTP响应头、HTTP返回的内容等信息，对于开发、调试，都是很有用的。
4、Scripts标签页
很明显，这个标签页就是查看JS文件、调试JS代码的，直接看下图的说明：

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

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

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

点击底部的Record就可以开始录制页面上执行的内容。
6、Profiles标签页
这个主要是做性能优化的，包括查看CPU执行时间与内存占用：

7、Audits标签页
这个对于优化前端页面、加速网页加载速度很有用哦（相当与Yslow）：

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

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

8、Console标签页
就是Javascript控制台了：

这个除了查看错误信息、打印调试信息（console.log()）、写一些测试脚本以外，还可以当作Javascript API查看用。
例如我想查看console都有哪些方法和属性，我可以直接在Console中输入;并执行：

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

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

‘贰’ 油猴脚本和CHROME扩展在功能上的区别

1. 扩展(Extensions)，扩展是一种具有一些新功能的加载项，在 Firefox 扩展中心（）上有着丰富的优秀扩展，相信 Firefox 扩展强大的功能会让你再也离不开 Firefox，你可以根据个人需求来安装适合个人需求的扩展。

2. 插件(Plugins)，初学者最容易把扩展和插件混淆了，通俗的讲，扩展是基于 Firefox 本身增加的一些实用功能，而插件则是在 Firefox 之外独立编写的程序，用于显示网页中的特定内容，比如 Flash，上传插件，网银插件和 Java 等。插件是安装在系统中的，火狐只是调用，在 附加组件-插件 中显示即是取自系统各文件夹中的插件。

3. 用户样式(Userstyles)，我们可以利用它来定制目标网页或网站的css样式，甚至一些Firefox 扩展的样式，让浏览效果更加舒适。而且在 UserStyles 网站上已经有不少现成的样式可供下载，让不会写css的普通用户也可以享受到它的便利。用户样式的修改通过 Stylish 这个扩展实现，安装扩展后，“附加组件”页面就会出现“用户样式”的标签，在浏览网页时，点击工具栏上的 Stylish 图标，即可搜索适用于这个网站的用户样式，是不是很方便？

4. 用户脚本(Userscripts)，能通过脚本来增强被访问网页，能使你访问的网站更便于阅读或者更便于使用。配合 Greasemonkey 这个扩展使用。在 GreasyFork 上有许多用户分享的用户脚本，打开脚本的安装页面，点击 “Install” 按钮就可以完成安装了。

之后的文章里会分享一些常用的用户样式(Userstyles)和用户脚本(Userscripts)

5. UC脚本(UserchromeJS)，区别于用户脚本，UC脚本可以针对于火狐浏览器进行定制来实现效果，而用户脚本的功能只能针对网页页面，UC脚本可以代替某些用户脚本和某些拓展，而UC脚本的优势在于它是轻量级的。在 Github 上有许多开发者发布的UC脚本。

‘叁’ 安装谷歌脚本什么意思

Chrome商店安装Tampermonkey扩展，可当场编辑新脚本也可安装其他人提供的脚本。

‘肆’ chrome的脚本在什么位置

没有安装过，一直使用的网络浏览器和360浏览器。

‘伍’ 如何在chrome浏览器中加载脚本

用记事本打开本地user.js文件 Ctrl+A全选，再按Ctrl+V复制 打开Chrome 进入Tampermonkey管理界面 选择添加脚本 将代码粘贴后保存即可

‘陆’ chrome无法添加应用扩展，程序和用户脚本怎么办

1、首先打开你的chrome浏览器，进入搜索界面。

‘柒’ 如何让谷歌脚本不被系统清理

点右键-编辑，把文件里面删掉谷歌的命令行代码删掉即可。

‘捌’ 怎么安装 chrome脚本扩展

1、点击开始或者桌面菜单，启动谷歌浏览器。
2、点击浏览器右上角的三道横线的符号
3、在弹出菜单中选择设置
4、在打开的页面中选择左侧的“扩展程序”菜单
5、这时候会显示您已经安装的扩展程序
6、点击 底部 的“获取更多扩展程序”
7、打开 chrome 网上应用，搜索您想要安装的扩展，安装即可