Sử dụng Javascript để phát hiện Google Chrome để chuyển đổi CSS

Question

Tôi đã phát xung quanh với các tập lệnh khác nhau, tôi đã tìm thấy một mã phù hợp với mọi thứ nhưng Chrome ... đây là mã tôi đã sử dụng để khác với tệp .CSS. Tôi đã thử tạo tên trình duyệt thành "Chrome" nhưng điều đó không hiệu quả.

if (browser == 'Firefox') { 
    document.write('<link rel="stylesheet" href="../component/fireFoxdefault.css" />'); 
} 
if (browser == 'Safari') { 
    document.write('<'+'link rel="stylesheet" href="../component/default.css" />'); 
} 

Answer 1

Sử dụng sau đây để phát hiện chrome:

var isChrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1; 

Nguồn: http://davidwalsh.name/detecting-google-chrome-javascript

Cập nhật (2015/07/20):

Các giải pháp trên không phải lúc nào làm việc . Một giải pháp đáng tin cậy hơn có thể được tìm thấy trong this answer (xem bên dưới). Điều đó đang được nói, tôi sẽ avoid browser detection and go with feature detection instead:

var isChrome = /Chrome/.test(navigator.userAgent) && /Google Inc/.test(navigator.vendor); 

Bạn có thể bao gồm một file css riêng cho chrome như thế này:

if (isChrome) { 
    document.write('<'+'link rel="stylesheet" href="../component/chromeDefault.css" />'); 
} 

UPDATE (2014/07/29):

@ gillesc có một đề xuất thanh lịch hơn để phát hiện Chrome mà anh đã đăng trong nhận xét bên dưới và nó cũng có thể được xem trên question này.

var isChrome = !!window.chrome 

Answer 2

var userAgent = navigator.userAgent.toLowerCase(); 
$.browser.chrome = /chrome/.test(navigator.userAgent.toLowerCase()); 

// Is this a version of Chrome? 
if($.browser.chrome){ 
    userAgent = userAgent.substring(userAgent.indexOf('chrome/') +7); 
    userAgent = userAgent.substring(0,userAgent.indexOf('.')); 
    $.browser.version = userAgent; 
    // If it is chrome then jQuery thinks it's safari so we have to tell it it isn't 
    $.browser.safari = false; 
} 

// Is this a version of Safari? 
if($.browser.safari){ 
    userAgent = userAgent.substring(userAgent.indexOf('safari/') +7); 
    userAgent = userAgent.substring(0,userAgent.indexOf('.')); 
    $.browser.version = userAgent; 
} 

Answer 3

Dưới đây là hai phương pháp đơn giản, một sử dụng indexOf và một sử dụng thử nghiệm:

// first method 
function check_chrome_ua() { 
    var ua = navigator.userAgent.toLowerCase(); 
    var is_chrome = /chrome/.test(ua); 

    return is_chrome; 
} 

// second method */ 
function check_chrome_ua2() { 
    var ua = navigator.userAgent.toLowerCase(); 
    var is_chrome = ua.indexOf("applewebkit/") != -1 && ua.indexOf("khtml") > - 1; 

    return is_chrome; 
} 

alert(check_chrome_ua()); // false or true 
alert(check_chrome_ua2()); // false or true 

Sau khi kiểm tra nếu chrome được sử dụng hoặc không có một trong hai chức năng boolean, bạn có thể triển khai phương pháp của bạn khi thay đổi biểu định kiểu.

Answer 4

Cập nhật cho Chrome trên iOS: Chrome 38 (được thử nghiệm trên iOS 8.1) trả về false trên !!window.chrome. Để khắc phục điều này, bạn có thể sử dụng:

function isChrome(){ 
    var windowChrome = !!window.chrome; 
    if(!windowChrome){ 
     // Chrome iOS specific test 
     var pattern = /crios/i; 
     return pattern.test(window.navigator.userAgent); 
    }else{ 
     return windowChrome; 
    } 
} 

Google reference về vấn đề