如何使用Chrome调试手机端微信小程序?

硬件:一台联网计算机,一台手机(本文以安卓机为例)

软件:

        计算机:chrome浏览器

        手机:访问:http://debugxweb.qq.com/?inspector=true 确定是否可以用(能打开就能用)

1、使用数据线连接计算机与手机设备

2、调试手机:打开的“开发者模式”---打开“Usb调试”

 <引用自网络,侵权可删除>

3、在计算机打开Chrome浏览器,访问chrome://inspect/#devices

4、在手机上打开需要调试的页面(直接打开小程序页面即可),电脑端Chrome浏览器便会得到移动端的页面,点击inspect即可在电脑端查看移动端的页面

操作过程出现的问题

打开浏览器后一直白屏?

方法一:清除缓存
在浏览器地址栏中输入 chrome://appcache-internals/#,进入缓存管理界面。在该界面中,可以看到所有缓存的条目。选择所有条目并点击“Remove”按钮,清除缓存。如果清除缓存后问题仍未解决,可以尝试方法二。


方法二:hosts 文件中添加如下内容
在系统的 hosts 文件中添加以下内容,以解决白屏问题:

173.252.100.21 chrome-devtools-frontend.appspot.com
31.13.82.17 chrometophone.appspot.com

hosts 文件通常位于以下路径:

  • WindowsC:\Windows\System32\drivers\etc\hosts
  • macOS/Linux/etc/hosts

编辑 hosts 文件时,需要管理员权限。保存修改后,重启浏览器以应用更改。


方法三:下载其他版本的 Chrome 浏览器

如果上述方法无效,可以尝试下载并安装其他版本的 Chrome 浏览器。不同版本的浏览器可能对某些问题有不同的处理方式,可能会解决白屏问题。可以从 Chrome 官方网站或其他可信来源下载历史版本进行尝试。


电脑端Chrome浏览器,点击inspect之后,出现404?

分析原因:
国内网络问题导致无法访问: https://chrome-devtools-frontend.appspot.com

解决方案:

使用代理服务器

通过设置代理服务器,可以绕过国内网络限制,访问被屏蔽的网站。常见的代理服务器包括VPN和Shadowsocks。选择合适的代理服务后,按照服务提供商的指引进行配置。

修改Hosts文件

修改本地Hosts文件,将目标网站的域名解析到可访问的IP地址。具体步骤如下:

  1. 打开系统的Hosts文件,路径通常为C:\Windows\System32\drivers\etc\hosts(Windows)或/etc/hosts(Linux/Mac)。
  2. 在文件末尾添加一行,格式为IP地址 域名,例如:

123.45.67.89 chrome-devtools-frontend.appspot.com

     3.保存文件并刷新DNS缓存。

Logo

纵情码海钱塘涌,杭州开发者创新动! 属于杭州的开发者社区!致力于为杭州地区的开发者提供学习、合作和成长的机会;同时也为企业交流招聘提供舞台!

更多推荐