如何在 chrome 移动浏览器中查看与网络选项卡相关的信息答案

【问题标题】：How to see information related to network tab in chrome mobile browser如何在 chrome 移动浏览器中查看与网络选项卡相关的信息
【发布时间】：2015-11-19 13:53:26
【问题描述】：

有没有办法在chrome手机浏览器中查看网络相关日志？

我试过了，发现在桌面浏览器中可以查看网络相关信息

我想看看 chrome 移动浏览器的网络选项卡中的页面加载时间如何

【问题讨论】：

我不确定非 Apple 设备，但我知道 iPhone/iPad 不允许您通过手机使用 Chrome 控制台（可能将移动设备插入苹果电脑可能允许你访问 Chrome 开发者工具，我知道这是你访问 Safari 开发者工具的方式。
通过在 chrome 选项卡中检查设备，我们可以在 chrome 浏览器以及 android 设备上看到相同的方式
啊，很高兴知道。此外，另一种选择（取决于您的方案）可能是使用 Wireshark 或 Fiddler 或网络服务器上的类似程序来查看网络流量。

标签： android ios google-chrome logging mobile

【解决方案1】：

是的，你绝对可以。查看本教程：

https://developer.chrome.com/devtools/docs/remote-debugging

它将允许您从桌面开发工具调试您的移动浏览器。

【讨论】：

嗨，杰夫，感谢您的回答。我知道从桌面进行远程调试。我想知道的是如何在自己的移动设备中查看 chrome 浏览器的网络选项卡。如果没有任何插件会显示详细信息，是否有可能
据我所知，这是不可能的。是否有某些特殊原因需要在设备本身上进行调试？
我正在尝试自动化阅读页面加载时间的整个过程。我知道用户代理是一种可能性，但我想要一个设备解决方案

【解决方案2】：

也许有点晚了，但我还是把答案留在这里。

Android

如果您的android 应用正在使用stetho，那么您可以：

使用 USB 数据线将您的设备连接到您的 PC
导航到chrome://inspect/#devices
它会打开一个页面，其中包含您的设备列表
单击您设备的链接，它会为您打开 chrome 的 Developer tools，其中包括 console 和 Network 选项卡

但是，请记住，您的应用必须受益于 stetho，否则您什么都看不到。

IOS：

安装Charlesproxy
遵循this 指导方针

【讨论】：