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相关设置复原。


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部