Chrome调试微信小程序

如何使用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 文件通常位于以下路径：

• Windows: C:\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缓存。