大家好，今天给各位分享谷歌浏览器添加js文件的一些知识，其中也会对谷歌浏览器添加js文件怎么设置进行解释，文章篇幅可能偏长，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在就马上开始吧！

本文目录

1. 主流浏览器护眼色设置方法
2. 谷歌浏览器ie内核使用方法
3. chrome如何添加js插件
4. 谷歌浏览器怎么调试js

一、主流浏览器护眼色设置方法

1、作为长期接触电脑的互联网工作者，小编深知电脑会对身体带来哪些危害，充当其冲的就是视觉疲劳，经常感觉眼睛酸痛，严重时甚至头晕目眩。这都是由于电脑屏幕的辐射以及长时间的视觉集中造成的。眼睛是人类心灵的窗口一定要注意保护，其实我们可以通过浏览器和程序的颜色设置来保护的小窗户。小编仔细查阅了网上的一些护眼设置教程，总结出——色调：85，饱和度：123，亮度：205也就是我们熟知的豆沙绿色，是最好的护眼颜色。

2、右击“桌面”--“属性”--“外观”选项卡--高级--项目中的“窗口”--“颜色”--其他--分别设置色调：85。饱和度：123。亮度：205--添加到自定义颜色--在自定义颜色选定点确定--“应用”。

3、这个时候系统默认的颜色已经改成了豆沙绿色，平时上网浏览网页接触最多的是白色的背景色，非常刺眼，也可以把背景色也设置为豆沙绿色。

4、打开“IE浏览器”--“工具”--“Internet选项”--常规选显卡右下角的“辅助功能”--“忽略网页指定的颜色”勾选--“确定”。

5、Firefox浏览器眼睛保护色设置步骤：

6、打开Firefox，点击菜单栏的“工具”，点“选项”，选中“内容”Tab，点中“颜色”，设置背景色（或直接选中“使用系统颜色”，并去掉“允许布面选择显示颜色而无而使用上面的设置”前面的小勾，然后确定。

7、谷歌Chrome浏览器眼睛保护色设置步骤：

8、据了解，谷歌Chrome浏览器现在不支持改变网页颜色的设置，至少在网上找不到能有效改变Chome颜色设置的方法。但是可以通过Chrome扩展程序来实现改变网页颜色的功能。

9、复制下面的内容到文本文件保存文件名为color.user.js，注意后缀名是“js”。

10、   //==UserScript==

11、   //@name color

12、   //@match http://*/*

13、   //@match https://*/*

14、   //==/UserScript==

15、   document.body.innerHTML+='*{background-color:#cce8cf!important;}';

16、   var eType= new Array("td","div","table");

17、   for(var i=0;ieType.length;++i){

18、   obj= document.getElementsByTagName(eType[i]);

19、   for(var j=0;jobj.length;++j){

20、   obj[j].style.backgroundColor="#cce8cf!important";

21、只要把color.user.js文件拖往浏览器窗口或快捷方式运行就可以了，卸载的话在菜单的“工具”--“扩展程序”里就可以找到了。

22、   199；237；204

23、   色调：85；饱和度：123；亮度：205

二、谷歌浏览器ie内核使用方法

1、你好，方法如下点击扳手工具扩展程序然后搜索 IEtab插件下载安装就是了希望回答对你有帮助，如果有疑问，请继续追问；第一步，打开浏览器，单击浏览器右上角的三条杠，出现下拉页表，选择设置单击，进入设置界面，然后点击扩展程序，然后再点击获取更多扩展程序，第二步，进入Chrome网上应用上商店，再你的左侧有应用搜索栏，我们安装IE兼容插件；代表浏览器有MozillaFirefox火狐浏览器Opera浏览器GoogleChrome谷歌浏览器苹果Safari浏览器Netscape网景浏览器等ie内核的软件是指其核心引擎为微软的ie，不过更换了外表增添了功能改善了易用性，等等如Maxthon；右键点击“谷歌浏览器” quot属性quot如图所示勾选，下面为选择你的系统然后确定即可；使用IEtab插件，每次在需要使用ie内核的时候会自动调用不明白的话加我，给你截图；1这时我们需要使用IE tab这个Chrome扩展程序2打开Chrome网上应用商店，搜索IE tab，然后点击添加到chrome3安装完成后会发现界面中多出一行地址栏4在上面输入需要打开的网址，按回车后就可以打开了在电脑中如果发。

2、查看浏览器的内核方法说明下面介绍两种常用查看浏览器的内核方法谷歌浏览器IE浏览器谷歌浏览器1打开谷歌浏览器，随便打开一个页面，按F12，或者快捷键shift+ctrl+i，即可打开开发者工具Console 2在console；方法选项设置里高级选项网络change proxy setting，在弹出的窗口里网络设置的右栏设置局域网选局域网设置对此链接，填入代理关于内核，应该有相关的ie tab插件，其实可以选用chromeplus太阳花浏；你好，谷歌浏览器的internet选项如下图所示1·右上角第二排的那个图标·2·高级选项·3·点击更改代理设置，就可以打开了不过谷歌浏览器是外国的浏览器不怎么兼容国内的网站，不如我正在用的浏览器90上网好用；去chrome应用店下载IE TAB插件就好了，下载后右键即可看到我就在用也可以去下其他基于webkit的如傲游和360chrome答案仅供参考；谷歌用的内核不是IE的所以没有internet的选项，因此需要在浏览器的界面上进行设置操作步骤1打开谷歌浏览器，接着在其右上角的菜单中打开“设置”功能，如下图2打开设置后我们滑动滑轮来到设置界面的最底端，并。

3、非IE内核，顾名思义即不依赖IE内核的拥有自主开发内核的浏览器程序此类程序通常兼容性较好，速度较快，可适应多种操作系统平台代表浏览器有MozillaFirefox火狐浏览器Opera浏览器GoogleChrome谷歌浏览器，苹果Safari；所需工具材料谷歌浏览器方法如下1打开谷歌浏览器，点应用2点Chrome网上应用店3搜索IE Tab，点添加至Chrome按钮4弹出确认安装提示，点击添加扩展程序按钮5如果想要当前的网页以兼容模式打开，只需要先。

4、新颖惊艳的Impressjs内容展示效果库，类似3D版 PPT Kinect+WebGL其他各种有用的库等此外今年还新增了专门面向移动设备的页面更多的谷歌浏览器运用方法可以参考；设置方法如下1进入浏览器后在下拉列表中找到设置，并点击进入2在列表中找到扩展程序选项，随后点击该选项3将下载好文件夹中的IEtab插件拖入谷歌浏览器中4在弹出的对话框中选择添加扩展程序选项框。

三、chrome如何添加js插件

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

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

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

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

四、谷歌浏览器怎么调试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的原因。

OK，本文到此结束，希望对大家有所帮助。