ie浏览器兼容性的Mac调试方法

ie浏览器兼容性的Mac调试方法

面试的时候经常会被问到兼容性的问题。随着H5普及，很多浏览器的兼容性渐渐变得简单。但是你的一个“程序高手”，希望自己的代码兼容ie6等老版本。与此同时，你又手上只有一台高逼格的Mac，Mac没法安装IE，怎么办？

参考使用 Mac 的 Web developer 如何测试网页在 IE 中的表现。

我的解决方案

ie浏览器兼容性的mac解决方案

我的解决方案非常简单，ngrok，你一定听说过。它是一个神器，能将你的内网端口直接映射到外网。外网有很多的IE兼容性测试网站。

ngrok的Mac版本安装

Step One 在官网直接下载可执行包。

Step Two 设置环境变量，我用的是zsh，直接修改用户目录的.zshrc文件中添加下面文字，bash用户请自行百度。

alias ngrok = '~/software/ngrok'

Step Three 重启你的终端。

ngrok的使用

高级用法请看帮助或者直接输入ngrok。

当然你的网页文件必须在服务器环境底下。你可以使用LAMP。

我比较简单，使用python的httpserver，输入命令：

python -m http.server

端口默认是8000，此时，你打开另一个终端，输入：

ngrok http 8000

即把localhost:8000映射出外网。此时，终端会提供对应网址，便于你在外网中访问。

IE测试

此时你可以在各种IE测试网站上测试你的网页。笔者在此提供以下三个，如果你有更好的IE兼容性测试网站，你也可以在评论区中留言。

• browsershots
• netrender
• scan-site

转载，请表明出处。总目录前端经验收集器