如何在移动设备上调试网站？

Question

85

人们如何在移动设备上调试网站？

我想能够像在桌面浏览器中使用检查器一样操作HTML和CSS，并调试JavaScript。

- Crashalot

4

自 iOS 6 开始，远程调试功能已经可用：https://dev59.com/u2025IYBdhLWcg3wHSCn#12762449 - Blaine

1

可能是移动网站调试的重复问题。 - givanse

1

这里的答案已经非常过时了。现在，Android、iOS和Windows Phone都可以通过电缆将手机连接到计算机，并使用计算机上的开发工具来检查和修改手机上的页面。我会尽力添加一个答案。 - Mark Amery

请查看此博客以获取有关Linux的信息：https://linuxhint.com/debugging_android_websites_apps_linux/ - Art

16个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Ivan of uganda · Answer 1

我知道这个问题很久以前就被问过了，但仍然希望我的答案能够帮助到你。

你可以使用NetBeans IDE来调试真实的Android或iOS设备。只需要确保你已经安装了Android SDK（对于Android设备），在NetBeans中打开你的项目，并且在运行时选择Android设备作为你的浏览器。

我发现这非常有用，因为你可以从设备上安装的不同浏览器中看到结果。

你可以使用这个链接获取更多细节。

- Stuart Young · Answer 2

有一个书签工具可以让你在Safari iOS上使用Firebug。你需要将该书签工具复制到桌面并通过电子邮件发送到你的iOS设备，但除此之外它是有效的：

- ddedward · Answer 3

我使用模拟器，将我的OSX系统代理设置为发送请求到运行在Windows机器上的Fiddler - 这对于移动Safari中的JavaScript / 内部内容并不是很有帮助，但至少它可以显示实际传输的内容，并允许我拦截/记录/分析/调整事物以找出什么有效，什么无效。

- Tim Joyce · Answer 4

你是用 PHP 来判断用户代理吗？

如果是的话，我使用.. Fennec 然后将 Fennec 用户代理添加到移动设备的例外列表中。

if ($_SERVER['HTTP_USER_AGENT'] == '4.0b5') {
    return = true;
}

新增：当仅为移动设备进行 CSS 交换时，我使用此 script 并将上述例外添加到其中以适用于 Fennec。

- Snake Eyes · Answer 5

这是一个平台，您可以通过一次点击在多个移动设备上进行调试。

在浏览器中执行操作时，可以选择传播到连接到私有IP的其他设备（这些设备应连接到相同的网络并使用IP地址）。

您将看到Chrome开发人员界面，但您可以进行CSS调整（更改将应用于每个连接的设备）和Javsascript调试。

- BlueStory · Answer 6

你可以将iPhone或iPad连接到Mac电脑上，使用Safari的开发工具。https://developer.apple.com/safari/tools/ 另外也有一些在线工具可以实现相同的功能。请查看http://farjs.com。