咨询iOS WebView中HTML/CSS调试方法:是否有类同Android的USB调试方案?
iOS调试App WebView中HTML/CSS问题的方法
当然有类似Android Chrome调试的方案,iOS上可以用Safari自带的开发者工具直接调试App内的WebView,完美解决你说的「仅WebView出现、Safari无法复现」的问题,具体步骤如下:
- 开启iOS设备的Web检查器:打开设备的「设置」→「Safari浏览器」→「高级」,找到并开启「Web检查器」选项。
- 开启Mac Safari的开发者菜单:打开Mac上的Safari,点击顶部菜单栏的「Safari」→「偏好设置」→「高级」,勾选底部的「在菜单栏中显示开发菜单」。
- 连接设备并开始调试:用USB线把iOS设备连接到Mac,回到Mac的Safari顶部菜单,点击「开发」,你会看到你的设备名称出现在列表里,展开后就能看到当前App中正在运行的WebView页面,点击对应的页面就能打开调试面板——和你用Chrome调试Android WebView一样,能实时查看HTML结构、修改CSS样式、调试JS,完全覆盖你的需求。
另外要注意两个关键点:
- 如果是你自己开发的App,需要确保WebView开启了调试权限:比如用WKWebView的话,要在配置里加上
configuration.preferences.setValue(true, forKey: "developerExtrasEnabled");UIWebView的话,默认在开启设备Web检查器后就能调试。 - 部分第三方App可能会禁用WebView调试功能,这种情况就没办法用这个方法了,但如果你是调试自己开发的App,完全没问题。
内容的提问来源于stack exchange,提问作者Artvader
相关产品推荐
相关产品推荐

