大家好，感谢邀请，今天来为大家分享一下jquery 谷歌浏览器版本的问题，以及和谷歌浏览器jquery不可用的一些困惑，大家要是还不太明白的话，也没有关系，因为接下来将为大家分享，希望可以帮助到大家，解决大家的问题，下面就开始吧！

本文目录

1. 怎么用jQuery判断当前浏览器是chrome
2. 前端面试题之解决浏览器兼容性的方案
3. AngularJS和jquery,有什么区别
4. 谷歌浏览器对select的option里的style属性设置如何兼容

一、怎么用jQuery判断当前浏览器是chrome

1、怎么用jQuery判断当前浏览器是chrome？

$(function(){

2、 alert("这是IE"+$.browser.version);

3、 alert("这是opera"+$.browser.version);

4、 alert("这是mozilla"+$.browser.version);

5、 alert("这是safa"+$.browser.version);

6、 alert("这是谷歌或者其他浏览器")

7、暂时只能这样了，谷歌没有专门的判断

8、<script src=:code.jquery./jquery-latest.js></script>

9、 jQuery.each(jQuery.browser, function(i, val){

10、$("<div>"+ i+":<span>"+ val+"</span>")

11、 p{ color:green; font-weight:bolder; margin:3px 0 0 10px;}

12、 div{ color:blue; margin-left:20px; font-size:14px;}

13、<p>Browser info:</p>

14、</>:docs.jquery./Utilities/jQuery.browser

15、 if(explorer.indexOf("MSIE")>= 0){

16、 else if(explorer.indexOf("Firefox")>= 0){

17、 else if(explorer.indexOf("Chrome")>= 0){

18、 else if(explorer.indexOf("Opera")>= 0){

19、 else if(explorer.indexOf("Safari")>= 0){

20、 else if(explorer.indexOf("Netscape")>= 0){

21、 request物件里面有属性。你自己查查。

22、 Request.ServerVariables("HTTP_USER_AGENT")

23、 document.Browser.Name.value=navigator.appName;

24、 document.Browser.Version.value=navigator.appVersion;

25、 document.Browser.Code.value=navigator.appCodeName;

26、 document.Browser.Agent.value=navigator.userAgent;

27、 if(window.navigator.userAgent.indexOf('patible')!=-1){

28、 if(window.navigator.userAgent.indexOf('AppleWebKit')!=-1){

29、你好，这个是没法判断的呢，你使用的这个360浏览器应该是还好一点的呢，但是我不太喜欢这个浏览器。我现在用的是QQ浏览器。它上面的网速快，下载软体快速没有一点的不满意，一直没有用过它，使用过以后拒不想要再换别的了，现在还是很喜欢它的哦。占用的空间少，不会影响执行，所以速度很快。

30、可以在浏览器的“帮助”->“关于”选项中检视浏览器的版本；或者在百度中搜索“浏览器核心版本检测”点选第一个搜寻结果进去，网页可以自动帮你测试你的浏览器版本是否为IE8。

31、通常而言，Win7自带的未升级过的IE即为IE8。

二、前端面试题之解决浏览器兼容性的方案

浏览器兼容性涉及的内容有很多，特别是针对IE浏览器，以下整理出五种常见的浏览器兼容性解决方法。

由于各大浏览器会有自身的默认样式，并且不尽相同，所以为了尽可能的保证样式的统一性，前端在开发项目之前都会先进行样式格式化，最常见的分为以下几个方面。

1.pandding值和 margin值均设置为 0

将html、body、a、li、ol、input、textarea、select、button等标签的 padding值和 margin值设置为 0。

设置统一的字体，如果使用 rem单位，则 html需要设置合适的字号。

设置统一的颜色，将 text-decoration属性设置为 none。

5.input、textarea、select、button等标签初始化

二、使用不同类型的浏览器内核前缀

1.Chrome（谷歌浏览器）与 Safari（苹果浏览器）内核：Webkit（中译无）前缀：-webkit-

2.IE（IE浏览器）内核：Trident（中译三叉戟）前缀：-ms-

3.Firefox（火狐浏览器）内核：Gecko（中译壁虎）前缀：-moz-

4.Opera（欧朋浏览器）内核：Presto（中译迅速）前缀：-o-

-webkit-border-radius: 10px;/谷歌浏览器/

-ms-border-radius: 10px;/ IE浏览器/

-moz-border-radius: 10px;/火狐浏览器/

-o-border-radius: 10px;/欧朋浏览器/

三、针对IE浏览器不同版本的解决方案

1.对于低版本的 IE浏览器使用 CSS hack（即给特点前缀）

注：以下符号是写在属性名前面。

兼容 IE6、7的 hack符号：`~!@#$% ^&*()+= [ ]|<>,.任意一个符号

注：以下符号是写在属性值与分号直接，中间不留空格。

兼容 IE8、9、10的 hack符号：\0

兼容 IE6、7、8、9、10的 hack符号：\9

.border-radius: 10px;/ IE6\7\8/

border-radius: 10px\0/;/ IE8/

border-radius: 10px\0;/ IE8\9\10/

border-radius: 10px\9;/ IE6\7\8\9\10/

2.为不同的版本编写独立的样式，其他浏览器识别不到。

例：大于 IE9的浏览器使用这个单独的 style9.css样式

例：只有 IE6浏览器使用的 style6.css样式

1.cursor属性的 hand值和 pointer值

问题：firefox浏览器不支持 hand值，但其他浏览器均支持 pointer值。

解决:统一使用 cursor属性的 pointer值。

问题：IE8及IE8以下版本浏览器不可通过设置 margin:0 auto实现水平居中。

解决:可通过设置父级 text-align:center实现。

问题：IE8及IE8以下版本浏览器不支持属性值“inherit”。

解决：谨慎使用属性值“inherit”。

问题：IE11不支持箭头函数、class语法等（报 SCRIPT1002:语法错误），不支持 Set和 Map数据结构（不报错）及 Promise对象，支持 let和 const，IE10及以下不支持任何 ES6语法。

解决：如果要兼容IE浏览器的项目请使用 ES5语法或者使用 Babel进行转换。

问题：IE9及 IE9以下版本浏览器，不能操作 tr标签的 innerHTML属性。

解决：可以操作 td标签的 innerHTML属性。

问题：IE9及 IE9以下版本浏览器无法使用 Ajax获取接口数据。

解决：在使用 Ajax请求之前设置 jQuery.support.cors=true。

问题：IE8及 IE8以下版本浏览器 event对象只有 srcElement属性，没有 target属性。

解决：obj= event.target?event.target:event.srcElement。

问题：IE8及 IE8以下版本浏览器是用 attachEvent()方法，而其他浏览器是 addEventListener()方法。

解决：判断 IE浏览器版本，如果是 IE8及以下事件绑定则使用 attachEvent()方法，注意 attachEvent()方法的用法，第一个参数为“onclick”而不是“click”。并且没有第三个参数。

三、AngularJS和jquery,有什么区别

AngularJS是Web前端开发中的一个 JavaScript框架，目前在前端中使用率也是非常高的，也是Web前端开发者以动态形式开发时最喜欢的框架之一。如果你是一个前端开发者希望基于AngularJS启动一个项目，你需要筛选众多的工具。为了减少用AngularJS开发的负担，下面源码时代Web前端培训小编为大家介绍20款最新的工具，主要涉及测试、前端开发、IDE编辑器、文本编辑器、优秀库、模块、扩展、代码生成器、网格工具等等。

1.Karma–是一个简单的javascript测试工具，它允许在多个真正的浏览器执行JavaScript代码..提供了完美的测试环境，允许你在真实的浏览器和设备比如手机和平板电脑上测试应用。

2.Protractor–是一款端对端的测试框架。这个Node.js项目建立在WebDriverJS之上。它在真实浏览器上运行测试，与其交互就如任何正常用户使用一样。

3. Jasmine–这款行为驱动测试框架不依赖于浏览器、DOM或者任何JavaScript框架，因此对于任何Node.项目或者任何JavaScript运行的地方都非常适合。

4. Djangular–这是一款可重用的应用，可以提供更好的AngularJS集成。有了此工具的帮助，你可以为每个应用创建 AngularJS内容。

5. Ment.io–这款工具引入了mention部件和宏控件，并不依赖于jQuery。你可以应用ment.io指令作用于任何元素，并且它允许可选择的文本输入。

6. Angular Kickstart–这款工具加速了AngularJS开发，并伴随可扩展的构建系统，简化了开发过程。

7. AngularFire–用此工具，你可以轻松创建 Angular应用后台。灵活的API，3种数据绑定方式以及快速开发能力使得开发变得轻松。

8. Mocha.js–这是一款运行在node.js和浏览器上的功能丰富的测试框架。允许异步测试，能灵活准确的报告与映射。

9. SublimeText–对于开发者来说最好的一款文本代码编辑器，使得编写代码简单化。比起其他文本编辑器，许多开发者更喜欢用Sublime Text.

10. Restangular–这款工具简化了常见的GET, POST, DELETE, UPDATES请求，使用更简短的代码。对于任何通过 RESTful API进行数据操作的 Web应用都是理想化的工具。

11. Generator Angular–这款工具可以帮助你快速的设置项目的默认结构。它能输出让你快速开始app开发的模板。

12. NG-Inspector–这是一个Chrome和Safari浏览器扩展，安装成功后会出现先审查面板中，帮助你开发、调试和深入理解 AngularJS应用。它使得更容易标识和显示Controllers和Directives中的scope。

13. Angular Seed–这个一个典型的AngularJS web app开发框架，它可以让你在开发环境快速启动angular app。

14. Code Orchestra–这是一个前端开发工具，它允许你所见即所得方式开发代码。一旦你保存修改了的代码，它使用一个特殊的协议自动的显示出来。

15. Videogular–这是一个针对AngularJS的基于HTML5的视频播放库，它使得在你的app中使用视频或其他多媒体更容易。

16. Webstorm–它是一个智能的代码编辑器，支持JavaScript, Node.js, HTML和CSS等等以及它们对应下一代的继任者。它能工作在所有的先进技术下，对大部分开发者来说，使用它是一个很好的选择。

17. Angular GetText–这是超级简单的翻译工具，你只需输入英文文本，标记它需要翻译，它就会翻译。

18. Angular Deckgrid–这是一个轻量级的表格，它没有自己的展现样式，完全依赖于你定义在CSS中的样式。

19. Angularjs UI–这是一个UI组件集合库，它有很多有用的指令来帮你快速的开发Angular应用。它使用指令来代替组件，如：ui-router, ui-map, and ui-calendar。

20. Mean–它是一个使用MongoDB, Node.js, Express和AngularJS apps的简单而完美的模板。它捆绑和配置了一些模块，如： Mongoose、Passport。

21. Wijmo–这是新一代HTML5/ JavaScript UI控件。大而全面的前端开发工具包，全面支持Angular 2。

22. VS Code(Visual Studio Code)是由微软研发的一款免费、开源的跨平台文本(代码)编辑器。几乎完美的编辑器。

源码时代：

四、谷歌浏览器对select的option里的style属性设置如何兼容

基本上浏览器兼容问题主要是JavaScript和CSS问题。

而在这两个裏面，JavaScript尤其严重。一个不小心，直接导致该功能块无法在其他浏览器上运行，CSS次之，写不好能使你的浏览器布局大乱~

其实解决浏览器兼容问题一直是很多做Web开发同学的头疼问题~~

基本上想兼容所有的浏览器不是不可能，但工程量要太大~~（开发的时候，能使你的Web支援当前主流的浏览器就可以，我开发的很多系统都是保证在IE7、8、火狐、Safari下正常就行，IE6基本不管~）

向完美支持就要写各浏览器版本对应的CSS及JavaScript。

在Web加载时自动判断浏览器类别及版本自动加载CSS及Javascript。

至於如何判断浏览器版本，网上很多代码，你参考就行，我再次不罗嗦。只是给你提供解决方法

另：css及Javascript写的时候，最好模块化，JavaScript最好使用Jquery，支援多种浏览器，而且能避免你写太多的Javascript代码~~

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