5

EDITED： 実際にPHPを使用して、phpタグでローカル変数を検出および作成しました。

if ( strpos(strtolower($_SERVER['HTTP_USER_AGENT']), 'webkit')) {
    $is_webkit = "true";
}

ブラウザが Webkit ベースかどうかを確認するにはどうすればよいですか? (Google Chrome、新しい Opera、Safari);

私はこれを試しました：

var isWebkit = (window.webkitURL != null);
if(isWebkit){
    alert("i am a webkit based browser!");
}

サファリには対応していません

4

5 に答える 5

1

この投稿から: Chrome と Safari ブラウザー (webkit) を検出する方法

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

if (isChrome) alert("You are using Chrome!");
if (isSafari) alert("You are using Safari!");

またはより一般的な Webkit:

var isWebkit = /webkit/.test( navigator.userAgent );

Modernizr などを使用して機能検出を行う必要があります。

于 2013-09-04T23:36:17.597 に答える
1

それらすべての基本はこれです: w3school JS .

コード：

<script>  
txt = "<p>Browser CodeName: " + navigator.appCodeName + "</p>";  
txt+= "<p>Browser Name: " + navigator.appName + "</p>";  
txt+= "<p>Browser Version: " + navigator.appVersion + "</p>";  
txt+= "<p>Cookies Enabled: " + navigator.cookieEnabled + "</p>";  
txt+= "<p>Platform: " + navigator.platform + "</p>";  
txt+= "<p>User-agent header: " + navigator.userAgent + "</p>";  
txt+= "<p>User-agent language: " + navigator.systemLanguage + "</p>";  
document.getElementById("example").innerHTML=txt;  
</script>

しかし、これは -webkit- については確かではありません。

ここにそのためのフィドルがあります。つまり、-webkit- ブラウザー アラートのフィドルです。(Chrome、Safari のみ。Opera 15 以降はまだサポートされていません!) jsfiddle.

このための jQuery コードを次に示します。これを試して：

$(document).ready(function(){

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

    /* Detect Chrome */
    if($.browser.chrome){
        /* Do something for Chrome at this point */
        /* Finally, if it is Chrome then jQuery thinks it's 
           Safari so we have to tell it isn't */
        $.browser.safari = false;
    }

    /* Detect Safari */
    if($.browser.safari){
        /* Do something for Safari */
    }

});

これにより、ウィンドウがロードされるとすぐにポップアップが表示されます!

最善かつ簡単で読みやすい解決策は次のとおりです。

$.browser.chrome = $.browser.webkit && !!window.chrome;  
$.browser.safari = $.browser.webkit && !window.chrome;  
if ($.browser.chrome) alert("You are using Chrome!");  
if ($.browser.safari) alert("You are using Safari!");

これらは、いくつかのサイトで見つけた基本です。

  1. w3schools.com
  2. stackoverflow (このサイトを使用してフィドルを見つけました。
于 2013-09-04T23:37:17.257 に答える