Safari 的开发者模式

设置 Safari

  • 打开 Safari 的 Preference

  • 切换到 Advanced 选项

Show Develop menu in menu bar 选中.

可以看到 Safari 多了 Develop 选项

设置设备或者模拟器

  • 在 iphone或者模拟器 中设置 Safari

打开 Safari 的高级选项

  • 打开 Web 检查器

上面设置完毕后, 运行你的程序, 在 Safari 的 Develop 中可以看到对应设备, 从而可以调试 HTML 页面了.

在调试窗口中,可以看到当前正在加载网页的各种信息,如源码、请求头、图片、加载的资源与脚本、控制台输出等.

也可以直接修改网页的 CSS 样式和布局等进行修改,而不用重新运行 App.

使用 Safari 的开发者模式, 可以帮助我们调试前端页面, 解决一些问题, 比较方便.

坚持原创技术分享,您的支持将鼓励我继续创作!