如何用Safari浏览器调试

原创|浏览:33736|更新:2016-09-22 18:47

Safari浏览器是非常主流的浏览器,做前端页面的必须学会如何使用Safari浏览器,调试页面。Safari调试比谷歌、火狐稍微复杂点,但是掌握要点,也是不难的。

如何用Safari浏览器调试

方法/步骤

1

首先打开运行我们的Safari浏览器,然后点击右上角的“设置”选项,出现菜单栏,选择“偏好设置”选项。

如何用Safari浏览器调试

2

点击“偏好设置”后,出现个弹窗,点击上面的“高级”选项,然后将下面的“将菜单栏中显示开发”选项前面的勾选上,这样Safari浏览器就可以显示开发者模式啦。

如何用Safari浏览器调试

3

设置好开发者模式后,按“F10”快捷键(有些电脑可能要“Fn+F10”),浏览器的上方会出现如图的菜单栏,选择“开发”选项,会有很多给我们开发定制的菜单。

如何用Safari浏览器调试

4

一般情况下,会选择“显示Web检查器”,这个选项就跟谷歌浏览器的“F12”的功能差不多,可以查看源代码跟元素。

如何用Safari浏览器调试

5

看源代码,我们可以在右侧,点击属性值将值跳大调小,也可以新增css,改变css的属性值查看效果,合适后可以直接复制到我们的css文件中。

如何用Safari浏览器调试

6

可以点击下面的“资源”选项,对js进行调试,也可以选择“控制台”选项,查看控制台的信息,如果js有错误,可以直接在控制台查看。

如何用Safari浏览器调试

7

如果想检查页面中的某个元素的样式,可以用鼠标右击该元素,选择“检查元素”,便可以看到该元素的Css样式,前提是进入了开发者模式喔。

如何用Safari浏览器调试

END

注意事项

Safafi浏览器的调试比谷歌,火狐可能要复杂一点,但还是有相似之处的。希望对你有帮助。

经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。

作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。

相关知识

如何用Safari浏览器调试
上古卷轴5mod如何用
《原子之心》武器插件如何用
如何用java编写手游
Excel如何用*符号隐藏部分内容技巧!
Voxel Safari好玩吗 Voxel Safari玩法简介
如何用Steam修复游戏 用Steam修复游戏的教程
《方块大作战》该如何用甄姬突围
如何用OPPO手机登华为游戏账号?
《生化8》试玩Demo上线 网络串流,浏览器即可体验

网址: 如何用Safari浏览器调试 http://www.hyxgl.com/newsview345883.html

推荐资讯