2016年9月23日 苹果公司正式发布了新一代操作系统MacOS Sierra,版本号是10.11,这个操作系统集成 Safari10浏览器,在开发菜单下多了一个“进入响应式设计模式”。其实这个功能在 MacOS10.11的 Safari9中也有。

2

“进入响应式设计模式”这个工具方便网页调试,它可以模拟常见大屏幕显示器、常见笔记本显示器、常见iPad、常见iPhone显示网页,甚至可以模拟iPhone 横屏,还有一个自定义用户代理字符串。有了它我们就可以不用那么麻烦了,修改网页后还要用不同的设备去浏览效果。不过这只是模拟,不是完全代替真实场景,上线之前最好还是用不同的真实设备去测试。

小贴士:Safari 默认菜单无“开发”,需要在Safari 偏好设置的“高级”的最后一项勾选,才能出现开发菜单。

4 1

Safari 的开发菜单还有一个好用的工具,“清空缓存”和“停用缓存”。

“缓存”可以加快浏览网站的速度,但是,我们在调试网页时,不希望有缓存,因为缓存是修改之前的文件版本,我们希望看到修改之后的样子,Chrome 浏览器和 Firefox 浏览器都自带检查工具,不过总是感觉他们“停用缓存”不好用,网页加载速度依然很快,这就不对了,真正的用户第一次打开网站是需要等一会的。

3

Safari 的“清空缓存”和“停用缓存”,这两个缓存工具,见效明显,直接把速度打回首次浏览,不过这种模式不适合正常浏览网页,太慢了。

“响应式设计模式“和“清空缓存”、“停用缓存”都是好用的网页调试工具,苹果又做到了。

发表回复

请填写评论
请填写您的名字