如何将特定于 chrome 的 css 添加到 if 语句答案

【问题标题】：how to add chrome specific css to if statement如何将特定于 chrome 的 css 添加到 if 语句
【发布时间】：2015-09-30 09:43:21
【问题描述】：

什么是使这项工作的正确方法，它不是针对具有不同高度的 chrome

        if(franchise_id=="0000") {
          $('#aj_auction').css('height', '558px');
            if($.browser.chrome) {
              $('#aj_auction').css('height', '598px');
            }
        }

【问题讨论】：

How to detect if a browser is Chrome using jQuery?的可能重复
看到了，但是我将如何在其中做一个 if 语句？

标签： jquery

【解决方案1】：

你可以试试$.browser.chrome检查浏览器

if(franchise_id=="0000") {
  if($.browser.chrome) {
      $('#aj_auction').css('height', '598px');
  }else{

      $('#aj_auction').css('height', '558px'); 

 }
}

需要使用 Modernizr。

但是，如果您一定要使用 $.browser 属性，您可以使用 jQuery Migrate 插件（对于 JQuery >= 1.9 - 在早期版本中您可以使用它）

【讨论】：

【解决方案2】：

使用userAgent检查它是否是chrome

    var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
    if(is_chrome){
        $('#aj_auction').css('height', '598px');
    }

【讨论】：

【解决方案3】：

尝试首先检测浏览器并应用该条件，如下所示：

$.browser.chrome = /chrom(e|ium)/.test(navigator.userAgent.toLowerCase()); 
if($.browser.chrome){
........
}

jQuery 已从 1.9 及其最新版本中删除了 $.browser。但我们仍然可以将 $.browser 作为独立插件使用，link。

希望这会有所帮助。

【讨论】：