mac chrome调试web网页

遇到了一个只有在 ios chrome 浏览器才有有兼容性的问题,为了调试chrome for ios,我会的调试技能都用上了

这里的重点是通过 Mac 调试 ios chrome浏览器,真的没办法 inspect,感觉只能回到远古时代了。

Chrome inspect Safari 没问题
Chrome inspect windows chrome 没问题
Mac safari inspect ios safari 没问题

Chrome 官方的方案

IOS Chrome 73 之后的版本可以开启调试日志收集,浏览器访问 chrome://inspect 打开日志收集。

参见下面这个地址, 说了可以通过 Safari Web Inspector 调试 Chrome但需要一堆复杂的操作,所以在新版本Chrome浏览器中启用了该功能。

https://blog.chromium.org/2019/03/debugging-websites-in-chrome-for-ios.html

一些前端辅助的调试工具

weinre vconsole 类似都是通过js反馈出页面的dom、stroage、网络、console等信息,因为不是原生调试所以都没法断点。

weinre 作为一个老古董内置了一个http服务器,可以在局域网内查看,方便pc大屏查看。

最终使用了 weinre 调试页面,只需要在页面内注入一段js脚本即可将页面信息发送到内置服务器方便在PC上查看。