浏览器不兼容提示

问题：若是项目使用了框架（Angular, React, Vue），而这些框架使用又有局限，只支持部分浏览器。设想用户使用了不支持的浏览器打开网站后一片空白，是多么懵逼的一件事啊！！现实是又不能一个用户一个用户的通知他们这是由于浏览器版本低，不兼容。。。

思路：首先须要判断出不兼容的浏览器，而后给用户添加提示或者从新引导用户到别的页面（让用户知道发生了什么，为何会这样）。

解决方法：

　　1，判断浏览器的版本，须要根据浏览器的代理字符串（navigator.userAgent），而后写一大堆的代码去匹配关键词（chrome, opr, rv:11.0, MSIE 10-6），还要指出那些浏览器的那些版本是不支持的，而后作统一处理（麻烦，最重要的是就算Chrome浏览器也会有不兼容的版本，谁能确保这些浏览器没有人用？？）

　　2，根据框架或者插件使用的不兼容的方法/属性，判断是否为undefined，判断浏览器是否能支持此框架或插件

　　　　好比Vue 遵循ECMAScript 5的标准，去Can I Use上查找ECMAScript 5的新特性，支持Function.prototype.bind， 数组支持forEach, indexOf方法等等，而后知道vue 使用Function.prototype.bind 方法，就能够以下

Function.prototype.bind || alert('浏览器不支持Vue')

　　　　不要使用Object.defineProperty，由于IE8支持，但IE8上不能运行Vue程序

　　　　若是网站须要跨域访问，就须要判断浏览器是否支持异步请求跨域

'withCredentials' in new XMLHttpRequest() || alert('浏览器不支持异步跨域')