admin管理员组

文章数量:1529448

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

IE白屏问题

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

解决 create-react-app IE 兼容性问题

es6-shim

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)

本文标签： 浏览器提示代码html

版权声明：本文标题：html提示更新浏览器的代码,IE9及以下浏览器升级提示 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/dianzi/1726722926a1081976.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。