转载: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模式的种类了!
如图