是否有一种Android的Firebug或JavaScript控制台debugging?
我正在开发一个移动网站。 它适用于Firefox桌面。 它适用于iPhone,但是当我在Android 2.x(也许更低)上按下button时。 我的JavaScript代码崩溃或还有什么…
我可以访问这些设备的logging器或JavaScript控制台吗?
更好的应该是一种Firebug应用程序。
一个select是weinre 。 它与控制台一起提供了DOM和Style编辑。 如果您不想自己设置,则会在http://debug.phonegap.com上托pipe一个实例;
另一种select是JSHybugger 。 这当然是最完整的android浏览器debugging环境。 这是一个付费产品,但可能是值得的。
Chrome有一个非常不错的function,称为“USBnetworkingdebugging”,当通过USB连接时,可以在PC上看到移动设备的debugging控制台。
在这里看到更多的细节。
编辑:似乎亚行不支持Windows 8,但这个链接似乎提供了一个解决scheme:
http://mikemurko.com/general/chrome-remote-debugging-nexus-7-on-windows-8/
您可以在某些移动浏览器中inputabout:debug
来启动JavaScript控制台。
我有时打印debugging输出到浏览器窗口。 使用jQuery ,您可以将输出消息发送到页面上的显示区域:
<div id='display'></div> $('#display').text('array length: ' + myArray.length);
或者,如果您想要在不添加显示区域的情况下观看JavaScriptvariables:
function debug(txt) { $('body').append("<div style='width:300px;background:orange;padding:3px;font-size:13px'>" + txt + "</div>"); }
我有同样的问题 ,只需使用console.log(...)
(如萤火虫),并安装日志查看器应用程序,这将允许您查看您的浏览器的所有日志。
我们正在按照以下步骤在我们的项目中debugging移动网站。
- 在手机和桌面上安装mobogenie软件(两者版本相同)。
- 在移动版Google Chrome浏览器中打开您的网站。
- 在桌面上打开Google Chrome。 转到选项 – > 更多选项 – > 检查设备 。
- 在这里,您可以find在移动设备上打开的网站列表,然后点击检查,即可获得所需的JavaScript控制台。
“USBnetworkingdebugging”是一种select
“在屏幕上打印”另一个。
但是我更喜欢通过“ adobe edge inspection ”远程debugging,正式名称为adobe shadow 。 它在内部使用weinre (= WEb INspect REmote)
您只需在浏览器中安装一个小插件(Chrome)和一个可以在Play商店下载的免费应用程序。 那么你有所有的工具,如Chrome开发工具。
它也支持iOS和Kindle Fire
更新
像Chris注意到的那样,你必须支付订阅才能使用边检。 廉价的select是直接使用weinre,这是边缘检测的基础。 这里有一篇关于如何设置的文章 。
如果您使用的是Cordova 3.3或更高版本,并且您的设备运行的是Android 4.4或更高版本 ,则可以使用“使用Chrome在Android上进行远程debugging”。 完整的说明在这里:
https://developer.chrome.com/devtools/docs/remote-debugging
综上所述:
- 使用USB电缆将设备插入台式电脑
- 在您的设备上启用USBdebugging(在我的设备上,这是在设置>更多>开发人员选项> USBdebugging)
或者 ,如果您使用的是Cordova 3.3+,而没有4.4的物理设备,则可以使用Android 4.4+的仿真器在台式机上通过仿真器运行应用程序。
- 在设备或仿真器上运行您的Cordova应用程序
- 在台式机上的Chrome中,在地址栏中inputchrome:// inspect /#devices
- 您的设备/仿真器将与连接到您计算机的任何其他可识别设备一起显示,在您的设备下,将会显示设备/仿真器上运行的Cordova“WebView”(基本上是您的Cordova应用程序)cordova的工作方式是基本上在你的设备/模拟器上创build一个“浏览器”窗口,其中有一个“WebView”,它是运行的HTML / JavaScript应用程序)
- 点击“WebView”部分下的“检查”链接,您会看到列出的设备/模拟器。 这将带来Chrome开发人员工具,现在允许您debugging您的应用程序。
- selectChrome开发人员工具的“来源”标签,查看设备/模拟器上当前运行的Cordova应用的JavaScript。 您可以在JavaScript中添加断点,以便您debugging代码。
- 此外,您可以使用“控制台”选项卡查看任何错误(将显示为红色),或者在控制台的底部,您将看到一个“>”提示符。 在这里你可以input你想要检查当前值的任何variables或对象(例如DOM对象),这个值将被显示出来。
你可以试试YConsole的一个jsembedded式控制台。 它重量轻,使用简单。
- 捕获日志和错误。
- 对象编辑器。
如何使用 :
<script type="text/javascript" src="js/YConsole-compiled.js"></script> <script type="text/javascript" >YConsole.show();</script>
我在我的firefox浏览器上安装了Firefox的控制台插件( https://addons.mozilla.org/en-US/android/addon/console/ ),它工作的很好。 帮助我debugging我的angular2应用程序。
如果你不介意通过第三方服务器转发, JSConsole是一个非常有用的JavaScript远程debugging器。
我最近写了一个工具来显示控制台日志在一个移动/可resize的“窗口”(实际上是一个div)。 它提供了与Firebug的控制台类似的function,但您可以在平板电脑的页面上看到它。 平板电脑/智能手机/ Phabletdebugging控制台
我也寻找一个简单的控制台更换,只是为了转储文本。 所以我做了这个function:
function remoteLog (arg) { var file = '/files/remoteLog.php'; $.post(file, {text: arg}); }
远程PHP文件logging了所有输出到arg
的数据库。 我花了5分钟(好吧,在服务器端,我用一个简单的日志库来logging和显示文本消息,但仍然…)。
在2013-12-03 谷歌推出了Chrome DevTools for Mobile ,它允许开发者通过仿真和零 屏幕 投影来 远程debugging移动Web应用程序。
对于所有function,结帐保罗爱尔兰在YouTube上的谈话 。
试试js-mobile-console
MobileConsole可以embedded任何页面进行debugging。 它会捕获错误,并像浏览器中的本机JavaScript控制台一样运行。 它还输出所有通过window.console的API写入的日志。