React+Antd兼容ie浏览器，360安全浏览器兼容模式

使用 create-react-app 生成的项目

安装react-app-polyfill和core-js

npm install react-app-polyfill core-js

在入口文件 index.js 中引入

import 'core-js/es'
import 'react-app-polyfill/ie9'
import 'react-app-polyfill/stable'

修改 package.json 文件

"browserslist": {"production": [">0.2%","not dead","not op_mini all",
+     "ie > 9"],"development": ["last 1 chrome version","last 1 firefox version","last 1 safari version",
+     "ie > 9"]},

如果没有效果删除 node_modules 文件夹重新下载

如果还不行，可能是没有设置ie文档模式的原因，在 index.html 中添加

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

不是使用 create-react-app 创建的项目
无需配置 react-app-polyfill 和 package.json 其他的同上

亲测有效！！！

React+Antd兼容ie浏览器，360安全浏览器兼容模式相关推荐

如何启动360安全浏览器/360极速浏览器的“无痕”模式
启动360安全浏览器(360极速浏览器的操作方式也是一样.) 按Ctrl+Shift+N, 或点击右下角的"无痕"按钮. 点击"桌面快捷方式"即可添加所提示内容 ...
react+antd+react-to-print实现打印功能,ie浏览器可去掉滚动条
import styles from './xx.module.css'; import ReactToPrint from 'react-to-print'; import ...略export c ...
360安全浏览器禁止拖入文件解决方法
360安全浏览器/360急速浏览器不可以拖入文件解决方法摘要:360安全浏览器/360急速浏览器禁止文件拖入浏览器进行打开.上传等操作的问题,按以下步骤1.2操作完即可解决(也适用于其他浏览器): ...
umi4+antd5兼容360安全浏览器
项目场景: umi4创建的大屏项目,部分模块使用了antd5进行开发问题描述开发完成后,得知客户是360安全浏览器,内核为86,测试过程中出现了样式混乱. 混乱样式有下拉内容的组件(如select ...
解决360等等浏览器兼容模式解析不兼容代码
之前写的代码不是很规范 , 在今天测试下发现360浏览器等等的浏览器使用兼容模式会有很多不兼容 , 网上了解过一下 , 说是很多浏览器的兼容模式可能就是为了兼容IE7之前的网站代码 , 而非我们字面理 ...
360安全浏览器兼容模式怎么设置_测试新手一定要知道：最实用的Web兼容性测试经验都在这...
在日常工作中,我们经常碰到网页不兼容的问题.我们之所以要做兼容性测试,目的在于保证待测试项目在不同的操作系统平台上正常运行. 主要包括待测试项目能在同一操作系统平台的不同版本上正常运行:待测试项目能与 ...
html5和极速模式,浅谈360浏览器6.0版本极速模式与兼容模式_蓝戒的博客
360浏览器升级到6.0版本后对html5实现了全面兼容,于此同时360 6.0版本浏览器提供了两种模式:1.极速模式 2.兼容模式,也就是说360浏览器为双核浏览器.浏览器最核心的部分是渲染引擎(R ...
IE浏览器即将“退役”，银行、学校的老网站们如何兼容Chrome、Firefox和360等浏览器？
微软公司在2021年5月19日突然宣布: 自2022年6月15日起,大多数版本的Windows 10系统将不微软公司在2021年5月19日突然宣布: 自2022年6月15日起,大多数版本的Window ...
用Meta标签代码让360双核浏览器默认极速模式打开网站不是兼容模式
我开发了一个网站,大量采用了html5和css3,希望用户都以webkit内核打开页面,但是测试却发现360的以ie内核打开为推荐模式,不知原因为何.其实360给网站开发者设计了一种选择的方法,只要加 ...
用Meta标签代码让360双核浏览器默认极速模式不是兼容模式
一个网站,大量采用了html5和css3,希望用户都以webkit内核打开页面,但是测试却发现360的以ie内核打开为推荐模式,不知原因为何.其实360给网站开发者设计了一种选择的方法,只要加入一段M ...

React+Antd兼容ie浏览器，360安全浏览器兼容模式

React+Antd兼容ie浏览器，360安全浏览器兼容模式相关推荐

最新文章

热门文章