zoukankan      html  css  js  c++  java
  • 浏览器不兼容提示

    问题:如果项目使用了框架(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('浏览器不支持异步跨域')
  • 相关阅读:
    socket阻塞与非阻塞,同步与异步
    Python列表切成多个/生成多个空列表
    virtualbox 下windows与虚拟机实现文件共享---挂载
    centos安装mysql
    centos安装Python2.7
    在遍历或者迭代过程中对集合进行增删 都会发生异常(迭代器的并发异常)
    List
    LinkedList
    增强for循环
    Collection中的迭代器
  • 原文地址:https://www.cnblogs.com/zhang-jian/p/8478072.html
Copyright © 2011-2022 走看看