JavaScript：ユーザーのブラウザーがChromeかどうかを確認する方法は？

ブラウザがかどうかを確認するためにブール値を返す関数が必要です Chromeです。

このような機能を作成するにはどうすればよいですか？

更新：これを処理するための更新された方法については、Jonathanの回答を参照してください。以下の答えはまだ機能する可能性がありますが、他のブラウザで誤検知を引き起こす可能性があります。

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

ただし、前述のように、ユーザーエージェントはなりすましになる可能性があるため、機能検出（Modernizerなど）を使用することが常に最善です。、他の回答にあるように、これらの問題を処理するとき）です。

ブラウザがGoogle Chromeかどうかを確認するには、次のことを試してください。

// please note, 
// that IE11 now returns undefined again for window.chrome
// and new Opera 30 outputs true for window.chrome
// but needs to check if window.opr is not undefined
// and new IE Edge outputs to true now for window.chrome
// and if not iOS Chrome check
// so use the below updated condition
var isChromium = window.chrome;
var winNav = window.navigator;
var vendorName = winNav.vendor;
var isOpera = typeof window.opr !== "undefined";
var isIEedge = winNav.userAgent.indexOf("Edge") > -1;
var isIOSChrome = winNav.userAgent.match("CriOS");

if (isIOSChrome) {
   // is Google Chrome on IOS
} else if(
  isChromium !== null &&
  typeof isChromium !== "undefined" &&
  vendorName === "Google Inc." &&
  isOpera === false &&
  isIEedge === false
) {
   // is Google Chrome
} else { 
   // not Google Chrome 
}

使用例：http : //codepen.io/jonathan/pen/WpQELR

これが機能する理由は、Google Chromeインスペクタを使用してコンソールタブに移動するためです。「ウィンドウ」と入力し、Enterキーを押します。次に、「ウィンドウオブジェクト」のDOMプロパティを表示できます。オブジェクトを折りたたむと、「chrome」プロパティを含むすべてのプロパティを表示できます。

厳密なイコールtrueを使用してIEをチェックすることはできなくなりましたwindow.chrome。IEは以前は戻りましたがundefined、今では戻りますtrue。しかし、何を推測すると、IE11は再び未定義を返します。IE11はまた、空の文字列を返す""ためにwindow.navigator.vendor。

これが役に立てば幸いです！

更新：

新しいOpera 18+がに対してtrueを出力することを以下に指摘してくれたHalcyon991に感謝しますwindow.chrome。Opera 18はChromium 31をベースにしているようです。それで、window.navigator.vendoris is "Google Inc"and not isであることを確認するチェックを追加しました"Opera Software ASA"。また、RingとAdrien Beのおかげで、Chrome 33がtrueを返さwindow.chromeなくなったことが判明しました。しかし、IE11に細心の注意を払って、undefinedIE11 undefinedが最初にリリースされたときと同様に出力するようにしたので、チェックバックを追加しました..その後、いくつかの更新ビルド後に出力されtrueました..最近の更新ビルドがundefined再び出力されています。マイクロソフトはそれを補うことができません！

更新 2015/7/24-Operaチェックの追加

Opera 30がリリースされました。出力しなくなりましたwindow.opera。またwindow.chrome、新しいOpera 30ではtrueに出力されます。したがって、userAgentにOPRがあるかどうかを確認する必要があります。Google Chromeと同じレンダリングエンジンを使用しているため、Opera 30のこの新しい変更に対応するために、上記の条件を更新しました。

UPDATE 2015/10/13-IEチェックの追加

原因それは出力にIEエッジのチェックを追加しましtrueためwindow.chromeにもかかわらず、IE11出力.. undefinedためwindow.chrome。これについて知らせてくれたartfulhackerに感謝します！

UPDATE 2 /5/2016-iOS Chromeチェックの追加

iOSのChrome CriOSに出力するtrueため、iOS Chromeのチェックを追加しました。これについてお知らせしてくれたxinthoseに感謝します。

UPDATE 4 /18/2018-Operaチェックの変更

Operaのチェックを編集しましたが、Chrome 66にはチェックwindow.oprがありません。これを報告してくれたFrosty ZとDaniel Wallmanに感謝します！undefinedOPRwindow.navigator.vendor

さらに短い： var is_chrome = /chrome/i.test( navigator.userAgent );

より単純な解決策は、単に使用することです：

var isChrome = !!window.chrome;

!!ただブール値にオブジェクトを変換します。Chrome以外のブラウザでは、このプロパティはになりますがundefined、これは真実ではありません。

これは、ChromeベースのEdgeのバージョンでもtrueを返すことに注意してください（これを指摘してくれた@Carrmに感謝します）。

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

Chromeの特定のバージョンも必要になる場合があります。

var ua = navigator.userAgent;
if(/chrome/i.test(ua)) {
    var uaArray = ua.split(' ')
    ,   version = uaArray[uaArray.length - 2].substr(7);
}

私の中で彼の答えを使用したことに対するビッグリボウスキへの謝罪。

以下を使用できます。

navigator.userAgent.indexOf("Chrome") != -1

それはv.71に取り組んでいます

MacのChromeで動作します。上記のすべてよりも（userAgent文字列をテストする場合）シンプルであるか、信頼性が高いようです。

        var isChrome = false;
        if (window.chrome && !window.opr){
            isChrome = true;
        }
        console.log(isChrome);

ユーザーはユーザーエージェントを変更できます。要素のオブジェクトでwebkit接頭辞付きのプロパティをテストしてみてくださいstylebody

if ("webkitAppearance" in document.body.style) {
  // do stuff
}

これを確認してください：Safari、Chrome、IE、Firefox、Operaブラウザーを検出する方法は？

あなたの場合：var isChrome = !! window.chrome &&（!! window.chrome.webstore || !! window.chrome.runtime）;

さまざまなデスクトップブラウザ（Firefox、IE、Opera、Edge、Chrome）の名前を知る。サファリを除く。

function getBrowserName() {
  var browserName = '';
  var userAgent = navigator.userAgent;
  (typeof InstallTrigger !== 'undefined') && (browserName = 'Firefox');
  ( /* @cc_on!@*/ false || !!document.documentMode) && (browserName = 'IE');
  (!!window.chrome && userAgent.match(/OPR/)) && (browserName = 'Opera');
  (!!window.chrome && userAgent.match(/Edge/)) && (browserName = 'Edge');
  (!!window.chrome && !userAgent.match(/(OPR|Edge)/)) && (browserName = 'Chrome');

  /**
   * Expected returns
   * Firefox, Opera, Edge, Chrome
   */
  return browserName;
}

次のブラウザバージョンで動作します。

Opera - 58.0.3135.79
Firefox - 65.0.2 (64-bit)
IE - 11.413.15063 (JS Fiddle no longer supports IE just paste in Console)
Edge - 44.17763.1.0
Chrome - 72.0.3626.121 (Official Build) (64-bit)

ここで要点とここでフィドルを表示します

元のコードスニペットはChromeで機能しなくなったため、どこで見つけたか忘れました。以前はSafariを使用していましたが、Safariにアクセスできなくなったため、確認できなくなりました。

FirefoxとIEのコードのみが元のスニペットの一部でした。

Opera、Edge、Chromeのチェックは簡単です。userAgentには違いがあります。OPROperaにのみ存在します。EdgeEdgeにのみ存在します。したがって、Chromeを確認するには、これらの文字列が存在してはなりません。

FirefoxとIEについては、私はそれらが何をしているのか説明できません。

私が書いているパッケージにこの機能を追加します

すべての答えは間違っています。「オペラ」と「クローム」はすべて同じです。

（編集部分）

これが正しい答えです

if (window.chrome && window.chrome.webstore) {
    // this is Chrome
}