Safari调试iOS web页面

Safari调试iOS web页面

前言：移动端web页面调试一直是前端的一大痛点，所幸的是，在iOS调试方面，可以利用mac safari去调试对应的web页面。

本文将简要介绍如何使用mac safari调试iOS web页面。

Safari设置

打开Safari偏好者设置，选中“高级菜单”，在页面最下方选中“在菜单中显示开发菜单”的复选框，这样设置完毕就能在Safari菜单中看到开发菜单了。

iPhone设置

打开iPhone手机设置app 选择Safari，找到高级选项，将JavaScript开关和web检查器开关都打开。

移动端Web页面调试

到此，准备工作完成。这时候使用USB数据线将iPhone链接到mac上，打开Safari浏览器，运行手机app里面的web页面，在开发菜单中选择连接的手机，找到调试的网页，就能在Safari里面调试了。

iOS App WebView调试

可以使用mac safari调试App Webview，但是需要对App项目进行相应的配置：

• 修改Build Configuration：在Xcode中，点击运行/停止按钮右侧的项目名按钮，在弹出的下拉菜单中，往下拉，找到Edit Schema选项，进入到Edit Schema面板中。切换到Run面板，将 Build Configuration设置为Debug（取代Release）

• 修改 Code Signing：在Xcode中，在文件目录树中选中项目名，显示出右侧的设置面板，选中 Build Settings面板。将Provision Profile设置为Automatic，将Code Sign Identity设置为iOS Developer

注意：修改完Code Signing之后，将会阻止你Release生产版本的App，如果要发布App请将Code Signing相关设置复原。