角2：检查用户的浏览器是否兼容

我正在写一个角2个应用程序，但我意识到，有些用户可能不会使用，可以支持2角角2：检查用户的浏览器是否兼容

浏览器我有一张支票是否JavaScript是我更感兴趣的是用户的浏览器是否不支持Angular 2所需的某些JS/HTML5 /其他功能。

什么是评估用户浏览器是否支持Angular 2并显示消息，如果不是？

我知道Modernizer，但不确定从哪里开始，因为Modernizer的重点似乎是逐步组装兼容性检查，而不是提供检查整个框架兼容性的解决方案。

来源

2016-04-26 Harry

Angular 2，并显示一条消息，如果不是？

正式支持角度的浏览器版本可能不是您的应用工作的浏览器版本（可能更多，也可能更少）。

你必须自己做浏览器检查。例如检测IE：http://codepen.io/gapcode/pen/vEJNZN

/** 
* detect IE 
* returns version of IE or false, if browser is not Internet Explorer 
*/ 
function detectIE() { 
    var ua = window.navigator.userAgent; 

    // Test values; Uncomment to check result … 

    // IE 10 
    // ua = 'Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)'; 

    // IE 11 
    // ua = 'Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv:11.0) like Gecko'; 

    // IE 12/Spartan 
    // ua = 'Mozilla/5.0 (Windows NT 10.0; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/39.0.2171.71 Safari/537.36 Edge/12.0'; 

    // Edge (IE 12+) 
    // ua = 'Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/46.0.2486.0 Safari/537.36 Edge/13.10586'; 

    var msie = ua.indexOf('MSIE '); 
    if (msie > 0) { 
    // IE 10 or older => return version number 
    return parseInt(ua.substring(msie + 5, ua.indexOf('.', msie)), 10); 
    } 

    var trident = ua.indexOf('Trident/'); 
    if (trident > 0) { 
    // IE 11 => return version number 
    var rv = ua.indexOf('rv:'); 
    return parseInt(ua.substring(rv + 3, ua.indexOf('.', rv)), 10); 
    } 

    var edge = ua.indexOf('Edge/'); 
    if (edge > 0) { 
    // Edge (IE 12+) => return version number 
    return parseInt(ua.substring(edge + 5, ua.indexOf('.', edge)), 10); 
    } 

    // other browser 
    return false; 
}

来源

2016-04-26 23:50:28 basarat

谢谢您的回答。我对你的观点表示支持或难以预测。我现在使用[Bowser]（https://github.com/ded/bowser）作为第一遍方法添加浏览器检查。尽管如此，我仍然热衷于是否有任何明确的答案。 – Harry

并非所有的浏览器都完全支持ES6（ES2015）标准。

https://kangax.github.io/compat-table/es6/

如果你想使用ES6语言功能为您的角2的应用程序，那么你应该包括ES6垫片，使你的浏览器上，以规格：

https://cdnjs.cloudflare.com/ajax/libs/es6-shim/0.35.0/es6-shim.min.js

这是说，IE似乎是个例外。有迹象表明，你需要包括支持IE附加polyfills：

https://npmcdn.com/angular2/es6/dev/src/testing/shims_for_IE.js

如果你想要的目标ES5（旧标准），你需要确保你使用ES5语言编写应用程序的角度唯一功能。一般来说，对于ES5功能的更多浏览器的支持，但它并不完美：

http://kangax.github.io/compat-table/es5/

当然，还有也太垫片：

https://cdnjs.cloudflare.com/ajax/libs/es5-shim/4.5.8/es5-shim.min.js

来源

2016-04-27 02:44:49 pixelbits

感谢您的回答。根据Angular 2 quickstart设置，除了Angular 2和SystemJS polyfills外，我已经使用了ES6和IE垫片，但是我没有意识到ES5垫片。然而，我并不担心（目前）支持旧标准，以至于检测到不兼容的浏览器，并告诉用户为了确保在事情不起作用时不会让他们感到困惑。 – Harry

角2：检查用户的浏览器是否兼容

回答

相关问题