Android系统UC浏览器网页调试技巧

最近在写vue.js时候在Android手机UC浏览器上遇到了兼容性的问题。苦与在手机上,一直无法定位问题所在。尝试了很多办法后最后在UC官网找到了调试方案,仅供各位参考。

1.打开手机的开发者模式中的USB调试。

2.去UC官网下载 开发版本 的手机UC浏览器安装包(http://www.uc.cn/business/developer/)

3.去UC官网下载并安装ADB环境(http://www.uc.cn/business/developer/)

Android系统UC浏览器网页调试技巧_第1张图片

widnows系统安装步骤如下

Android系统UC浏览器网页调试技巧_第2张图片

3.在chrome地址栏中输入 chrome://inspect

Android系统UC浏览器网页调试技巧_第3张图片

点击要调的网页下面对弈个的inspect 后出现如下界面

Android系统UC浏览器网页调试技巧_第4张图片

如果一直白屏出不来上图界面,可以尝试在本地host中添加一下配置

61.91.161.217 chrome-devtools-frontend.appspot.com

61.91.161.217 chrometophone.appspot.com

参考文档:http://www.uc.cn/download/u4-developer_NEW.pdf


写在最后:遇到问题(预期不符)先查看控制台(打包命令行的控制台,浏览器控制台)看看有没有报错或警告,先定位问题,然后再去调试,不要盲目百度(建议Google),调试,浪费时间、精力

你可能感兴趣的:(Android系统UC浏览器网页调试技巧)