在手机上远程调试响应式设计

Question

随着响应式设计和移动网络开发成为常态，我怀疑其他人，我发现自己在各种移动和手持设备上进行测试和修复bug。传统上，使用诸如firebug或chrome dev工具之类的东西，使用布局或演示文稿的CSS中的错误更容易修复。甚至可以在这些工具中挑选和调试JavaScript错误。

然而，现在相同类型的错误更难以隔离和修复。我们不再有错误控制台来查看JavaScript错误何时发生，我们没有检查员（上帝，我希望我们在所有现代移动浏览器上进行远程调试）。我在Opera中遇到了一个烦人的错误（我知道可以远程调试http://dev.opera.com/articles/view/remote-debugging-with-opera-dragonfly）我已经通过暴力而不是任何真正的技术解决了Android浏览器和Safari for iOS中的其他问题，但我是只是想知道在移动设备上调试响应问题的首选工具，技术和技巧是什么？

由于

Answer 1

你看过weinre了吗？给你一个（有限的）远程网络检查员（经过一些设置） - 为我解决了一些真正的问题！

Answer 2

如果电话/设备允许您配置代理服务器，Opera Dragonfly（我在这里有明显的偏见;-)）和必不可少的Microsoft Fiddler HTTP debugger。在Dragonfly变得足够强大之前，Fiddler帮助我调试了许多问题，如果我遇到Dragonfly问题，它仍然是一个后备。

你是如何解决Opera中的恼人错误的？ ：）

Answer 3

您可以在Android上使用Chrome的remote debugging feature。对于Android和iOS，您应该查看Adobe Shadow，它也为您提供远程检查器。

对于未来的iOS：iOS 6将具有内置的远程检查器，可以从Safari的调试菜单轻松访问。

Answer 4

这里还有关于如何使用Opera移动模拟器和蜻蜓远程调试器调试Opera相关错误的好文章... http://mobile.smashingmagazine.com/2012/08/30/responsive-designs-opera-mobile-emulator/