Edge在IE模式使用调试工具

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

如图

友情链接:
Copyright © 2022 86年世界杯_世界杯预选赛阿根廷 - fjyfzz.com All Rights Reserved.