如何在android中的webview中调试javascript

Question

我有一个在iOS上运行良好的webview,但不适用于Android.是否有工具可以在浏览器中连接到Android webview并使用firefox或webkit控制台进行调试？目前我不知道是什么导致webview无法在Android中运行.

在iOS中,我可以打开我的iPad或iPhone模拟器,打开webview窗格,在我的桌面浏览器中,我听到端口9999,它向我展示了你在webkit开发人员工具/调试工具中看到的工具.

我正在为Android寻找类似的工具,或者至少让我开始调试.

Answer 1

看看weinre.它提供了类似Chrome开发人员的工具,用于从WebKit浏览器调试到在远程设备上运行的浏览器.

Answer 2

调试WebView的最简单方法是通过USB将Android设备连接到PC,并通过Chrome开发工具检查WebView.

所以,你需要:

1)在我们的设备上激活USB调试.你可以找到它Settings >> Developer Options >> Debugging >> USB Debugging(激活复选框)

2)通过USB将您的设备连接到计算机

注意:如果您在Windows上进行开发,请为您的设备安装相应的USB驱动程序.请参阅Android开发者网站上的OEM USB驱动程序.

3)打开Chrome浏览器并输入URL字段:chrome://inspect/#devices

4)确认已激活"发现USB设备"

5)在您的设备上,警报会提示您允许从计算机进行USB调试.点按确定.

6)在chrome:// inspect页面上显示每个连接的设备.单击inspect已连接的设备,您将获得控制台.

更详细的手册是Debugging Android WebView

Answer 3

如果您没有使用Android 4.4,根据http://developer.android.com/guide/webapps/debugging.html,您将享受老式的调试方式......

如果您没有运行Android 4.4或更高版本的设备,则可以使用控制台JavaScript API调试JavaScript并查看输出消息到logcat.

对于Android 4.4及更高版本,您将享受远程调试,请参阅https://developers.google.com/chrome-developer-tools/docs/remote-debugging#debugging-webviews

启动Android 4.4(KitKat),您可以使用DevTools调试本机Android应用程序中的Android WebViews的内容.

Answer 4

这些是我用来调试WebView设备中内容的步骤：

1. 在设备中启用了开发人员模式
2. 将设备插入PC并启用USB调试（必要时安装驱动程序）

3. 在您的自定义Application类中或在ActivityWebview的加载位置添加此行

   //if your build is in debug mode, enable webviews inspection
   WebView.setWebContentsDebuggingEnabled(BuildConfig.DEBUG);
   

4. 打开Chrome并转到chrome://inspect，您应该会在“远程目标”列表中看到您的设备

5. 从Android Studio开始调试您的应用
6. 将a WebView添加到布局后，在您打开的标签中将显示带有Inspect按钮的屏幕截图，点击此处，然后会打开Chrome开发者控制台