Browser 如何使用移动浏览器调试JavaScript代码

我知道firebug和主要现代桌面浏览器的开发工具，但我找不到在移动浏览器上调试JavaScript代码的任何方法

---

我可以使用哪些高级技术在移动浏览器上调试代码？

Android设备可以通过查看设置>手机状态，然后点击“Build number”7次，进入开发者模式。这允许您进行包括USB的调试。（某些设备可能在“软件信息”下具有内部版本号）

要激活USB调试，请在设置中查找新出现的“{}开发者选项”，打开此选项并打开USB调试。使用直接USB连接连接设备

在桌面上的Chrome中，在用于调试的常用开发人员工具面板中，查看菜单中的更多工具>远程设备。选择Discover USB设备后，您现在应该可以在侧面看到您的移动设备

选择它可以查看所有已打开的chrome选项卡的列表，以及直接输入URL的功能

选择其中一个链接将打开一个新窗口，左侧是设备屏幕的镜像，右侧是所有熟悉的chrome调试工具。您仍然可以直接控制设备或在镜像屏幕上使用鼠标。它甚至可以旋转

---

谷歌和askvg.com的完整详细信息（如上链接）

您可以使用任何iPhone/iPad在Safari Mobile上进行调试。在开发者菜单中，你们可以找到你们的设备，然后你们可以用inspector调试你们的代码

---

如果您使用的是Android设备，则可以使用

chrome://inspect

在IPhone上，您可以进入“设置”>“Safari”>“高级”并打开“web inspector”

Android提供了用于以下目的的工具集：

苹果也是这样做的：

---

教程：

有时我会收到客户报告的bug，这些bug在每次测试或测试中都不可复制。对于这种情况，我建议。它记录用户活动，还可以选择记录控制台消息

---

PS-我不是附属公司，我将它们用于我自己的项目，并喜欢它。

你可以使用Chrome远程调试器。检查

---

如果你不使用移动Chrome，那么你可以使用。它有助于将警告、错误和日志记录到DOM。

我要做的是在桌面浏览器中查看移动版本并在那里调试。@johnisaack有些网站在桌面浏览器中显示不正确。我们的职责是在真正的设备上调试它，并为桌面浏览器修复它。大多数情况下，它都与大小有关，因此有一些在线工具可以在不同的手机和平板电脑大小中显示页面，所有这些都在一个页面中！这是其中10个的清单。正如我测试的那样，它甚至可以与本地主机URL一起工作。就我个人而言，这些工具满足了我对响应式网页设计的大部分类似需求。也可以通过模拟不同的代理。这种方法也适用于firefox。对于