Mac Safari 浏览器调试不同比例HTML页面

不知道什么时候开始，国内开发者都喜欢说H5，说实话，HTML升级了不假，单另一个分之好想说H5就很洋气真的就是有点驴唇不对马嘴了。

调试网页，H5，HTML，WebApp，H5App，管它叫什么呢，在不同比例下不需要任何辅助工具，Mac Safari即可完成页面调整，而且比例看得清，妈妈再也不用担心我的页面适配不好了。

步骤：

1、Safari打开“开发”模式

2、打开响应式设计模式

3、欢快的使用预置页面比例，也可以上下左右拖拽到合适的尺寸

举例说明：

1、打开开发模式，多数机器正常Safari开发模式是默认关闭的，一般我们调试网页会用firebug，或者chrome抓request或请求。所以第一步是打开开发者模式，在Safari里系统偏好设置-高级，菜单栏显示 开发 blabla...勾起来。

2、开发-进入响应式设计模式

3、撒欢吧，顺便说一句，它还可以模拟1x，2x，3x图的显示，iOS开发的老铁们双击666，甚至可以选择浏览器内核，做一些JS验证就比较方便了