美文网首页Mac优雅指南
Mac Safari 浏览器调试不同比例HTML页面

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

作者: 把大象放进冰箱 | 来源:发表于2018-12-17 15:30 被阅读0次

不知道什么时候开始,国内开发者都喜欢说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验证就比较方便了

相关文章

网友评论

    本文标题:Mac Safari 浏览器调试不同比例HTML页面

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