转载:https://www.cnblogs.com/GeekerJun/p/17692990.html
如果我们在前端开发javascript
遇见一些老旧的语法标准,想要测试一下都难,想想都抓狂!😤😤
不过不用担心,经过这几天的资料查阅,我还是找到了一个解决办法来模拟旧版IE内核
,
其实根据微软官方给出的资料IE模式
在 Windows 10
版本上都是可用的!
只需要几步我们就可以调出Edge浏览器
的IE内核
测试功能!
2|0设置Edge 🏅
这里我以win10
为例, 打开你当前最新安装的Edge浏览器
, 并且切换到设置选项
如图
来到设置选项之后,我们选择默认浏览器
然后在右侧的运行在Internet Explorer模式下重新加载网站(IE模式)
这一栏,我们选择允许
如图
接下来我们选择外观选项
, 然后在右侧往下拉
找到Internet Explorer模式(IE模式)按钮
这个选项,把旁边开关打开!
如图
这样设置以后,你就会发现右上角会多一个ie浏览器小图标
如图
我们再来打开一个web页面
,并且开启IE内核模式
看看效果!
比如我们用Edge
打开一个页面之后,再点击右上角的ie浏览器小图标
即可开启IE内核模式
如图
在弹出的对话框中选择完成
即可!
4|0Edge在IE模式中使用调试工具 🔨
当你在Edge
中使用了IE模
式之后,你可能会发现开发工具不能用了!
即便是你按下快捷键F12
就会提示如下信息!
如图
其实你也不要慌张,它这里不是提示了有一个了解详细信息
的链接吗! 我们点击进去!
就进入到微软官方
所给的解决方案!
地址: 在 Internet Explorer 模式(IE 模式)中使用开发工具 - Microsoft Edge Development | Microsoft Learn
那么这时候我们要打开调试工具
怎么办呢
这个时候我们可以打开运行
对话框,你也可以按快捷键
win徽标键 + R
然后输入以下代码:
%systemroot%\system32\f12\IEChooser.exe
如图
单击确定, 我们就可以打开IE模式
下的调试工具
了
然后根据需求在IEChooser
中选择IE模式
选项卡对应的文档即可进行调试!
最后我们就可以在这里进行调试,和选择IE模式
的种类了!
如图