使用Chrome DevTools调试Google Pixel时点击Inspect出现空白页求助

嘿，我之前也碰到过一模一样的情况，给你几个实测有效的解决步骤，你可以挨个尝试：

• 重启DevTools与Chrome进程：先关掉所有打开的DevTools窗口，完全退出Chrome（包括后台进程），再重新打开Chrome并连接手机，尝试点击「Inspect」。很多时候临时的进程缓存冲突就会导致这种空白问题，重启就能解决。
• 重置DevTools默认设置：打开DevTools后按F1进入设置页面，拉到最底部点击「Restore defaults and reload」选项，重置完成后再重新尝试Inspect手机页面。这能修复可能误触导致的隐藏设置问题。
• 重新建立设备连接：拔掉手机的USB线，在手机的「开发者选项」里关闭「USB调试」，等待几秒后重新开启，再插回USB线，重新授权电脑的调试权限，之后再打开DevTools尝试Inspect。
• 同步Chrome版本：确保电脑端Chrome和手机端Chrome都是最新版本——版本不兼容是这类调试问题的常见诱因。打开Chrome的「关于Chrome」页面，它会自动检测并更新，更新完成后重启浏览器再试。
• 清除DevTools缓存文件：如果上面的方法都没用，可能是DevTools的缓存文件损坏了。你可以手动删除缓存目录：
  • Windows系统：前往%LOCALAPPDATA%\Google\Chrome\User Data\Default\DevTools删除该文件夹
  • Mac系统：前往~/Library/Application Support/Google/Chrome/Default/DevTools删除该文件夹
    删除后重启Chrome，再重新连接设备调试。
• 用无痕模式排查干扰：打开Chrome的无痕窗口，连接手机后尝试Inspect，这能排除浏览器扩展、插件对调试功能的干扰。

如果所有方法都试过还是不行，建议检查手机开发者选项里的其他相关设置，比如是否开启了「View attribute inspection」，或者尝试重置手机的开发者选项默认设置。

内容的提问来源于stack exchange，提问作者Eugenio Salgado