我正在寫一個角2個應用程序,但我意識到,有些用戶可能不會使用,可以支持2角角2:檢查用戶的瀏覽器是否兼容
瀏覽器我有一張支票是否JavaScript是我更感興趣的是用戶的瀏覽器是否不支持Angular 2所需的某些JS/HTML5 /其他功能。
什麼是評估用戶瀏覽器是否支持Angular 2並顯示消息,如果不是?
我知道Modernizer,但不確定從哪裏開始,因爲Modernizer的重點似乎是逐步組裝兼容性檢查,而不是提供檢查整個框架兼容性的解決方案。
我正在寫一個角2個應用程序,但我意識到,有些用戶可能不會使用,可以支持2角角2:檢查用戶的瀏覽器是否兼容
瀏覽器我有一張支票是否JavaScript是我更感興趣的是用戶的瀏覽器是否不支持Angular 2所需的某些JS/HTML5 /其他功能。
什麼是評估用戶瀏覽器是否支持Angular 2並顯示消息,如果不是?
我知道Modernizer,但不確定從哪裏開始,因爲Modernizer的重點似乎是逐步組裝兼容性檢查,而不是提供檢查整個框架兼容性的解決方案。
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;
}
並非所有的瀏覽器都完全支持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
感謝您的回答。根據Angular 2 quickstart設置,除了Angular 2和SystemJS polyfills外,我已經使用了ES6和IE墊片,但是我沒有意識到ES5墊片。然而,我並不擔心(目前)支持舊標準,以至於檢測到不兼容的瀏覽器,並告訴用戶爲了確保在事情不起作用時不會讓他們感到困惑。 – Harry
謝謝您的回答。我對你的觀點表示支持或難以預測。我現在使用[Bowser](https://github.com/ded/bowser)作爲第一遍方法添加瀏覽器檢查。儘管如此,我仍然熱衷於是否有任何明確的答案。 – Harry