1、打开Safari,点击左上角导航栏上的Safari按钮,选择偏好设置,如下:
2、进入到Safari偏好设置中,默认为通用设置,如下:
3、点击高级设置,可以看到高级设置界面最下面有在菜单栏中显示"开发"菜单的勾选框,如下:
4、勾选菜单栏中显示"开发"菜单,导航栏上出现开发的功能,如下:
5、点击导航栏上的开发,选择显示页面资源,进入到页面检查器,资源文件下有三个文件夹,脚本,图像以及样式表,分别放置了js文件,图片资源以及css文件,如下:
6、点击调试器可以看到页面调试的相关状态,包括捕获的异常,DOM断点,XHR断点等,如下:
7、点击上右侧的设置按钮,可以设置编辑器的显示样式,缩放的操作,具体如下: