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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在Chrome移动浏览器中查看与网络选项卡相关的信息相关的知识,希望对你有一定的参考价值。

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

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

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

答案

是的,你绝对可以。看看这个教程:

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

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

另一答案

也许这有点晚了,但我仍然在这里留下我的答案。

android

如果您的android应用程序使用stetho,那么您可以:

  1. 使用USB电缆将设备连接到PC
  2. 导航到chrome://inspect/#devices
  3. 它会打开一个页面,其中包含您的设备列表
  4. 点击你的设备的链接,它会为你打开Developer tools的chrome,其中包括consoleNetwork标签

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


ios

  1. 安装Charlesproxy
  2. 遵循this指南

以上是关于如何在Chrome移动浏览器中查看与网络选项卡相关的信息的主要内容,如果未能解决你的问题,请参考以下文章

如何强制浏览器选项卡(chrome)使用无线和另一个使用以太网电缆?

如何在 chrome 开发工具中同时查看元素选项卡和源选项卡

在 Chrome 开发工具网络选项卡中看到的“请求有效负载”与“表单数据”有啥区别

如何在 Chrome 开发者工具的网络选项卡中默认启用“保留日志”?

是否可以在 Chrome Web 检查器网络选项卡中隐藏扩展资源?

调试 React-Native 应用程序时如何在 Chrome devtools 中查看 React 选项卡?