使用PC进行手机调试

标签: 微信 分类: Javascript 创建时间:2019-09-05 02:36:28 更新时间:2025-01-17 10:39:23

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页面。

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
小额赞助
本人提供免费与付费咨询服务,感谢您的支持!赞助请发邮件通知,方便公布您的善意!
**光 3.01 元
Sun 3.00 元
bibichuan 3.00 元
微信公众号
广告位
诚心邀请广大金主爸爸洽谈合作
每日一省
isNaN 和 Number.isNaN 函数的区别?

1.函数 isNaN 接收参数后,会尝试将这个参数转换为数值,任何不能被转换为数值的的值都会返回 true,因此非数字值传入也会返回 true ,会影响 NaN 的判断。

2.函数 Number.isNaN 会首先判断传入参数是否为数字,如果是数字再继续判断是否为 NaN ,不会进行数据类型的转换,这种方法对于 NaN 的判断更为准确。

每日二省
为什么0.1+0.2 ! == 0.3,如何让其相等?

一个直接的解决方法就是设置一个误差范围,通常称为“机器精度”。对JavaScript来说,这个值通常为2-52,在ES6中,提供了Number.EPSILON属性,而它的值就是2-52,只要判断0.1+0.2-0.3是否小于Number.EPSILON,如果小于,就可以判断为0.1+0.2 ===0.3。

每日三省
== 操作符的强制类型转换规则?

1.首先会判断两者类型是否**相同,**相同的话就比较两者的大小。

2.类型不相同的话,就会进行类型转换。

3.会先判断是否在对比 null 和 undefined,是的话就会返回 true。

4.判断两者类型是否为 string 和 number,是的话就会将字符串转换为 number。

5.判断其中一方是否为 boolean,是的话就会把 boolean 转为 number 再进行判断。

6.判断其中一方是否为 object 且另一方为 string、number 或者 symbol,是的话就会把 object 转为原始类型再进行判断。

每日英语
Happiness is time precipitation, smile is the lonely sad.
幸福是年华的沉淀,微笑是寂寞的悲伤。