美文网首页Geomatics(GIS,GPS,RS,Surveying)
ie浏览器兼容性的Mac调试方法

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

作者: brandonxiang | 来源:发表于2017-03-14 13:59 被阅读2210次

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兼容性测试网站,你也可以在评论区中留言。

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

微信公众号

相关文章

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

    ie浏览器兼容性的Mac调试方法 面试的时候经常会被问到兼容性的问题。随着H5普及,很多浏览器的兼容性渐渐变得简单...

  • 浏览器兼容

    一、如何调试 IE 浏览器? IE调试的一般方法(css): 使用高版本IE控制台(对于IE7以上)IE11的开发...

  • 浏览器兼容

    1.如何调试 IE 浏览器 1.IE8+浏览器有自带的调试工具,按F12可以进入调试界面。下图是IE9浏览器的调试...

  • 浏览器兼容性问题-常见问题总结汇总

    浏览器兼容性问题解决方案 · 总结 一、IE 属性过滤器(较为常用的hack方法) 针对不同的 IE 浏览器,可以...

  • 任务13-浏览器兼容

    1.如何调试 IE 浏览器? IE浏览器7+自带的开发者工具,IE6可以采用border的方法或是下载virtur...

  • IE兼容

    如何调试 IE 浏览器如何在IE浏览器内调试代码IE8及以上可以使用开发者工具console在低版本的IE浏览器中...

  • 浏览器兼容-Assignment

    问答题 1.如何调试 IE 浏览器 IE浏览器7+自带的开发者工具,IE6可以采用border的方法或是下载vir...

  • 前端面试题之解决浏览器兼容性的方案

    浏览器兼容性涉及的内容有很多,特别是针对IE浏览器,以下整理出五种常见的浏览器兼容性解决方法。 一、样式初始化 由...

  • task13-浏览器兼容

    如何调试 IE 浏览器?

  • ie浏览器 条件注释,根据不同版本引入不同js

    ie浏览器,真心佩服ie,各种版本,浏览器的显示不同。 关于jQuery lib对ie的兼容性 ie1.9版本,是...

网友评论

    本文标题:ie浏览器兼容性的Mac调试方法

    本文链接:https://www.haomeiwen.com/subject/ujzcnttx.html