我正在编写一个 Angular 2 应用程序,但我意识到某些用户可能没有使用支持 Angular 2 的浏览器。
我检查是否启用了 Javascript,我更感兴趣的是用户的浏览器是否不支持 Angular 2 所需的某些 JS/HTML5/其他功能。
评估用户的浏览器是否支持 Angular 2 并在不支持时显示消息的最佳方法是什么?
我知道例如现代化者 https://modernizr.com/,但不确定从哪里开始,因为 Modernizer 的重点似乎是零碎地组装兼容性检查,而不是提供检查整个框架兼容性的解决方案。
Angular 2,如果没有显示一条消息?
Angular 官方支持的浏览器版本可能不是您的应用程序所支持的浏览器版本(可能更高也可能更低)。
您必须自己进行单独的浏览器检查。例如检测IE:http://codepen.io/gapcode/pen/vEJNZN 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;
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)