如何远程调试webview?

时间:2014-02-20 09:45:53

标签: android debugging android-webview inspect

如何调试/检查apk webview的元素 我尝试了this,但它仅适用于Chrome而非apk。

请建议我

6 个答案:

答案 0 :(得分:21)

试试这个:

  1. 在设备中启用开发人员选项(设置 - >关于手机 - >在内部版本号上点击7次)
  2. 启用开发人员选项并启用USB调试(在开发者选项中)
  3. 在自定义应用程序类或加载Web视图的活动中添加此行

    //如果您的构建处于调试模式,则启用Web视图检查

    if (0 != (getApplicationInfo().flags & ApplicationInfo.FLAG_DEBUGGABLE)) {
        WebView.setWebContentsDebuggingEnabled(true);
    }
    
  4. 打开Chrome并输入chrome://inspect/#devices,您应该会在远程目标列表中看到您的设备

  5. 点击inspect进行调试。
  6. 快乐编码..

答案 1 :(得分:2)

这对我有用,请在onCreate中覆盖方法MainActivity.java,然后在方法WebView.setWebContentsDebuggingEnabled(true)中添加这一行。

这是我的代码:

package com.myapp;

import com.facebook.react.ReactActivity;
import android.webkit.WebView;
import android.os.Bundle;

public class MainActivity extends ReactActivity {

    /**
     * Returns the name of the main component registered from JavaScript.
     * This is used to schedule rendering of the component.
     */
    @Override
    protected String getMainComponentName() {
        return "myapp";
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        //added this line with necessary imports at the top.
        WebView.setWebContentsDebuggingEnabled(true);
    }
}

构建代码,在手机中打开您的应用程序,然后转到chrome:// inspect,您会看到您的应用程序列在此处。点击检查链接。

答案 2 :(得分:1)

我看到有一个关于webView的章节。你试过吗? https://developers.google.com/chrome-developer-tools/docs/remote-debugging#debugging-webviews

似乎需要:

  • 运行Android 4.4或更高版本的Android设备或模拟器,启用USB调试,如2.在设备上启用USB调试。

  • Chrome 30或更高版本。

答案 3 :(得分:0)

要在Android应用程序中调试webview,您必须在WebviewActivity中设置WebView.setWebContentsDebuggingEnabled(true)

打开chrome:// inspect / #device进行调试。使用端口转发。 希望这可以帮助! https://developers.google.com/web/tools/chrome-devtools/remote-debugging/webviews

答案 4 :(得分:0)

如果您正在寻找的是为拥有源代码的应用启用WebView调试的方法,可以这样做但您需要反编译并重新编译应用程序。

有关如何执行此操作的说明,请访问:https://blog.speedfox.co.uk/articles/1524219174-Android_WebView_Hackery

答案 5 :(得分:0)

在react-native-webview中,他们对IOS和Android进行了解释。

https://github.com/react-native-community/react-native-webview/blob/master/docs/Debugging.md

在iOS上为我提供了帮助。