我想获得一个脚本,可以抓取用户的用户代理并将其支持到属性.

我正在制作网站问题联系表单,我通常需要知道用户使用的是什么浏览器.如何检测用户代理字符串并将其作为输入元素的值.

我的HTML看起来像:

<input type="hidden" id="UserAgent" name="User Agent" />

我希望将用户代理作为value属性添加到它,因此它看起来像:

<input type="hidden" id="UserAgent" name="User Agent" value="Mozilla/5.0 (Macintosh; Intel Mac OS X 10_7_3) AppleWebKit/534.53.11 (KHTML, like Gecko) Version/5.1.3 Safari/534.53.10" />

我经常环顾四周,我知道有很多方法可以检测到Internet Explorer.

我的问题是这样的:我的HTML文档上有一个区域,点击后会调用与任何类型的Internet Explorer不兼容的JavaScript函数.我想检测是否正在使用IE,如果是,请将变量设置为true.

问题是,我用Notepad ++编写代码,当我在浏览器中运行HTML代码时,检测IE的方法都没有.我认为问题在于我是用Notepad ++运行的.我需要能够检测IE,因此基于该变量,我可以禁用该站点的该区域.我试过这个:

var isIE10 = false;

if (navigator.userAgent.indexOf("MSIE 10") > -1) {
    // this is internet explorer 10
    isIE10 = true;
   window.alert(isIE10);
}

var isIE = (navigator.userAgent.indexOf("MSIE") != -1);

if(isIE){
    if(!isIE10){
    window.location = 'pages/core/ie.htm';
    }
}

但它不起作用.如何从Notepad ++中检测IE？这就是我正在测试HTML的方法,但我需要一种能够解决这个问题的方法.

编辑

我注意到有人将此标记为副本,这是可以理解的.我想我不清楚.我不能使用JQuery答案,所以这不是重复,因为我要求一个vanilla JS答案.

编辑#2

还有办法检测Microsoft Edge浏览器吗？

我正在制作一个网站,我希望它在正式发布时与即将推出的Microsoft Edge兼容.更具体地说,它的移动版本.有谁知道什么字符串将识别边缘移动浏览器(例如,"IE Mobile"标识Internet Explorer的移动版本).

我希望左侧是绿色,右侧是灰色.如上图所示将是完美的.最好是一个纯CSS解决方案(只需要担心WebKit).

这样的事情可能吗？

是否已知Edge或Spartan浏览器的用户代理？任何人都可以告诉我如何检测这个浏览器并在IE发布之前将其与IE区分开来吗？

我目前正在为客户网站开发一些JS工作,该网站在桌面和平板电脑平台上具有不同的功能.考虑:

if(! navigator.userAgent.match(/Android/i) &&
            ! navigator.userAgent.match(/webOS/i) &&
            ! navigator.userAgent.match(/iPhone/i) &&
            ! navigator.userAgent.match(/iPod/i) &&
            ! navigator.userAgent.match(/iPad/i) &&
            ! navigator.userAgent.match(/Blackberry/i) )
    {
        // do desktop stuff

    } else if ( navigator.userAgent.match(/iPad/i) ) 
    {
       // do tablet stuff

    }

目前,我只是在检查iPad,因为检查"android"似乎有些问题,而且是一个非常广泛的术语.有没有一种已知的方法来区分使用JS的Android平板电脑和手机？

非常感谢,迈尔斯

我正在努力background-image修复.

正如您在我的博客中看到的那样,background-image在IE 11上滚动时正在移动.

我怎样才能解决这个问题？

这是我的CSS:

background-image: url("./images/cover.jpg");
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed;
background-size: cover;

Windows 10 Edge浏览器使用的默认日期选择器似乎仅允许滚动M / D / Y部分。有谁知道配置HTML以允许直接键入控件的方法？