在javascript中检测webkit浏览器？

Question

编辑: 我实际上使用PHP来检测和创建一个带有php标签的局部变量.

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

---

如何检测浏览器是否基于webkit？(谷歌Chrome,更新的Opera,safari);

我试过这个:

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

不适用于野生动物园

Answer 1

解决方案非常简单

if(navigator.userAgent.indexOf('AppleWebKit') != -1){
    //this is webkit!
}

AppleWebKit是webkit呈现引擎的名称,因此每个基于webkit的浏览器都必须包含此字符串

有关浏览器检测和用户代理的MDN页面

但如果您需要有关用户浏览器引擎的可信信息,您可能希望使用以下内容:

if(typeof window.webkitConvertPointFromNodeToPage === 'function'){
    // this is webkit (really it is)
}

说明:userAgent属性很容易被欺骗,因此检查特定属性是一种更好的方法.但它并非无缺陷,早期版本的safari(4.0之前)没有这样的属性.Chrome支持webkitConvertPointFromNodeToPage,因为第一个版本,opera支持这个以及它的引擎转移到webkit

Answer 2

alert('webkitRequestAnimationFrame' in window);

在 Chrome 48 (true)、Safari 9.0.2 (true)、Opera 35 (true)、Firefox 44.0.2 (false) 中进行一致测试

Answer 3

它们的基础是：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（我用这个网站来寻找小提琴。