ie8 升级页面html,IE9及以下浏览器升级提示

在使用react的项目中一般都有兼容性问题，特别是使用了组件库比如element-react或者ant-design等等，在ie下多少都会有点小问题，比如样式不正确，或者组件功能失效，甚至白屏等问题。

IE白屏问题

一般情况下，白屏的问题在index.html中引入这两个js就能解决

IE低版本浏览器升级提示

但是在更低版本的IE浏览器中还是会白屏。这个时候最好友好的提示用户升级浏览器即刻。

在index.html加入以下代码，在ie9及以下会出现浏览器升级提示.

//浏览器版本过低提示升级低于ie 10的都会提示

(function (w) {

if (!("WebSocket" in w && 2 === w.WebSocket.CLOSING)) {

var d = document.createElement("div");

d.className = "browsehappy";

d.innerHTML = '

为了改善你的体验，请升级你的浏览器点击此处升级

var f = function () {

var s = document.getElementsByTagName("body")[0];

if ("undefined" == typeof(s)) {

setTimeout(f, 10)

} else {

s.insertBefore(d, s.firstChild)

}

};

f()

}

}(window));

ie10及以上

ie10及以上正常显示页面，没有升级提示.

ie9

ie9提示如下: 有浏览器升级提示，且页面能够正常展示

ie8及以下

ie8及以下提示如下：有浏览器升级提示，页面js有报错，导致页面白屏了。

暂时先简单的进行ie低版本处理

html头部建议

建议在html 的 head加入以下代码，360浏览器会默认使用极速模式(webkit)

ie8 升级页面html,IE9及以下浏览器升级提示相关推荐

如何说服老板页面兼容IE9+
从以下数据看,我们的页面兼容IE9+是可行的. 注:浏览器市场份额占比,数据来自百度统计(http://tongji.baidu.com/data/browser)和StatCounter(http: ...
服务器升级中不能修改信息,服务器升级页面
服务器升级页面内容精选换一换请使用Mind Studio的安装用户进行升级操作,在升级前请先登录到后台服务器,切换到root用户在/usr/bin目录下执行./add_sudo.sh usern ...
点击苹果手机计算机页面慢,苹果平板电脑浏览器打开慢怎么办
1.苹果电脑打开网页速度很慢怎么解决如果有一台几年前的老Mac电脑,感觉它运行的很慢,那么看看下面的几个小贴士,可能会让老Mac恢复一些行动力. 1.关闭Finder中图标缩略图每个图像或者文档的 ...
html在ie8下跳转新网址,ie8升级到ie11 单击“查看已安装更新”
IE升级不是版本越高越好,要适合当前系统的才是最好的. 您可以试试[百度电脑专家]一键修复升级. IE 升级到11, 想恢复到IE8 如何设置首先打开IE11浏览器,然后点击上面的"工具& ...
微信 PC 端h5页面打开的内置浏览器开发者工具界面
困境项目开发的h5页面需要在微信端支持转发.分享功能,以及企业微信授权等相关权限功能,h5页面功能开发可以直接在Chrome浏览器的移动端模式开发,但是涉及微信权限时的一些功能,则需要在微信和企业微 ...
基础知识：页面div始终浮在浏览器顶部
页面div始终浮在浏览器顶部 <html> <head><meta charset="utf-8"/><title>test< ...
从渲染页面的角度来聊一聊浏览器的工作原理
从渲染页面的角度来聊一聊浏览器的工作原理页面内容快速加载和流畅的交互是用户希望得到的Web体验,因此,开发者应力争实现这两个目标. 了解如何提升性能和感知性能,有助于了解浏览器的工作原理. 概述快 ...
ie8升级到ie11 操作系统不受支持
1.win7中ie8升级到11,直接安装ie11安装包提示操作系统不受支持,发现需要将win7升级到sp1 注:https://support.microsoft.com/zh-cn/help/176 ...
centos7安装或升级Google chrome、安装Firefox浏览器详细过程及设置桌面快捷方式
目录背景: 一.centos7安装谷歌浏览器 1.Google chrome安装包下载 2.命令行安装 3.下载并安装字体所需依赖包 3.1.安装libvulkan.so.1()(64bit) 3. ...
java url地址不变_页面跳转后，浏览器地址栏地址保持不变
有两个方法,一个使用JS实现,一个是用iframe实现. 首先是JS实现,废话就不多说了,上代码 function createXMLHttpRequest(){ if(window.XMLHttpR ...

ie8 升级页面html,IE9及以下浏览器升级提示

ie8 升级页面html,IE9及以下浏览器升级提示相关推荐

最新文章

热门文章