我在做一个和拉斐尔有关的项目。事实证明,它在Android上不起作用。iPhone上是这样的。
我该怎么调试Android浏览器上的东西呢?它是WebKit,所以如果我知道版本,在完整版本的WebKit上调试它会产生相同的结果吗?
我在做一个和拉斐尔有关的项目。事实证明,它在Android上不起作用。iPhone上是这样的。
我该怎么调试Android浏览器上的东西呢?它是WebKit,所以如果我知道版本,在完整版本的WebKit上调试它会产生相同的结果吗?
当前回答
看一看jsHybugger。它将允许你远程调试你的js代码:
Android混合应用(webview, phonegap, worklight) Web页面运行在默认的android浏览器(不是Chrome,它支持ADB扩展没有这个工具)
这是如何工作的(在项目网站上有更多的细节和替代方案,这是我发现的最好的方法)。
Install the jsHybugger APK on your device Enable USB debugging on you device. Plug the Android device into your desktop computer via USB Run the app on the Android device ('jsHybugger') Enter the target URL and page in the app. Press Start Service and finally Open Browser You'll be presented with a list of installed browsers, choose one. The browser launches. Back on your desktop computer open Chrome to chrome://inspect/ An inspectors window will appear with the chrome debugging tools linked to the page on the Android device. debug away!
同样,在Android上使用Chrome使用ADB扩展而不使用jsHybugger。我想这个问题的公认答案已经描述过了。
其他回答
Android工作室提供所有你需要看到console.log和其他。在logcat中,只要过滤到“/Web Console”,你就会看到你的js日志…
如果你遇到任何问题,你可以添加这个插件: https://github.com/apache/cordova-plugin-console
当运行Android模拟器时,打开你的谷歌Chrome浏览器,在“地址字段”中输入:
chrome://inspect/#devices
您将看到远程目标列表。找到你的目标,然后点击‘inspect’链接。
你可以试试https://github.com/fullpipe/screen-log。试着让它简洁明了。
本地调试/about:config…选项似乎在2020+ chrome/ff/..浏览器了。
另一个带有非远程js控制台的浏览器是 DevBrowser
或 WebInspector (文件选择器不工作)
没有人提到liriliri/eruda,它为移动网站/应用程序添加了自己的调试工具
将此添加到您的页面:
<script src="//cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init();</script>
将在打开控制台的页面中添加一个浮动图标。