使用PC进行手机调试
1.谷歌浏览器调试微信页面
在开发公众号页面时,难免是要有调试微信内网页的需要,这个使用需要一个网址、一个谷歌浏览器、一部手机和翻墙软件。还有一个大神写的傻瓜式的工具,比较不错,推荐给大家mobile debug (这个工具我倒是没有具体的用过,听介绍说是也能调试微信内嵌的网页,不知道可以否)
1.1打开微信调试。
在微信浏览器中打开网站:http://debugx5.qq.com
(将这个网址使用文件传输助手从电脑发送到手机上,或者发送给朋友,然后点击打开即可,这个网址也可以用来清除缓存) ,然后选信息,然后将 “打开TBS内核Inspector调试功能” 选中,关闭网页就可以了。
1.2手机调成开发者模式
红米note手机,找到设置->我的设备->全部参数->MIUI版本,点击7次,就可以进入开发者模式了,然后返回设置->更多设置->(然后就可以看见)开发者选项->打开USB调试和USB调试(安全设置)。
1.3手机用数据线连接电脑
这个用手就可以了,估计AI可能也完成不了这么高难度的动作。这里有个地方需要注意,如果是首次连接电脑,手机上可能会出现一个验证指纹的弹出框,要选择一律允许,否则谷歌调试页面可能无法出现公众号的页面。
1.4打开谷歌浏览器地址栏输入:chrome://inspect
在浏览器地址栏输入:chrome://inspect,就可以进入调试模块了,在微信公众号上打开一个网页,在inspect页面的Devices页面,就可以出现微信WebView页面了,然后点击需要调试的页面的下面的inspect按钮,就可以进行调试了。
【注意事项】
~~ 需要翻墙,如果不翻墙,就会出现404未找到页面 ~~,如果安装了SwitchOmage,关掉,如果全局有代理,关掉,应该就可以了。
注意
有时候调试页面就是不出来,这有点蛋疼,就是说在Devieces死活找不到inspector页面。
1.【微信网页调试】微信页面在安卓下的调试技巧
1.Chrome Inspect调试微信出现空白页面的解决方法
2.Android通过Chrome Inspect调试WebView的H5 App出现空白页面的解决方法(不需要FQ)
3.Android的WebView调试工具(无需FanQ,可同时调试多个设备,永不过期)
4.在Chrome inspect上调试h5或小程序,是不是必须要翻墙才能查看页面元素?
2.使用火狐调试
(1) 打开Android设备的开发者模式
Enable Developer menu on your Android device. 这个我不说了,大体上就是上面的步骤。
(2) 启动Android的USB调试模式
Enable USB Debugging in the Android Developer Menu.也和开启手机开发者模式差不多。开启了开发者模式,记得要在设置里面的开发者选项中,开启USB调试。
(3) 打开手机火狐浏览器的USB选项
Enable USB Debugging in Firefox on the Android device. 在手机端的火狐浏览器中,打开右上角的三个点,找到设置->找到 “通过USB远程调试”,打开。
(4) 使用USB连接PC端
Connect the Android device to your computer.找一根数据线连接电脑。
(5) 打开PC端浏览器远程调试页面
我用的是Firefox Developer Editor版本的火狐,找到右上角的设置->更多工具->远程调试,启动USB调试。
(6) 进行调试
连接完成之后,在电脑的PC端就有了需要调试的手机设备,点击连接就好了,可以看到有哪些打开的页面,然后进行调试。
1.利用FireFox远程调试安卓手机web网页应用 firefox中如何开启手机调试,如果在Firefox Devlop Tool浏览器中,位置在More Tool->Remote Debugging工具中
2.利用firefox调试安卓手机端web 这里使用的是远程调试的方法,要手机和电脑在一个局域网里面。
3.火狐浏览器怎么调试移动端页面
4.小米3浏览器调试的bug