debugging 如何远程调试webview?

xkrw2x1b  于 2022-11-14  发布在  其他
关注(0)|答案(6)|浏览(230)

我怎么做调试/检查APK webview的元素。
我试过this,但它只对chrome有帮助,对apk没有帮助。
请建议我

ztigrdn8

ztigrdn81#

试试看:
1.在设备中启用开发者选项(设置--〉关于手机--〉点击7次内部版本号)
1.打开“开发人员选项”并启用USB调试(在“开发人员选项”中)
1.将此行添加到自定义应用程序类或加载Web视图的活动中
//如果生成处于调试模式,则启用Web视图检查

if (0 != (getApplicationInfo().flags & ApplicationInfo.FLAG_DEBUGGABLE)) {
     WebView.setWebContentsDebuggingEnabled(true);
 }

1.打开Chrome并输入chrome://inspect/#devices,您应该会在远程目标列表中看到您的设备
1.单击“inspect(检查)”对其进行调试。

**更新:**您可以简化如下:

WebView.setWebContentsDebuggingEnabled(BuildConfig.DEBUG)
vaj7vani

vaj7vani2#

这对我来说是有效的,覆盖MainActivity.java中的方法onCreate,并在方法WebView.setWebContentsDebuggingEnabled(true)中添加此行。
下面是我的代码:

package com.myapp;

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

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() {
        super.onCreate();
        //added this line with necessary imports at the top.
        WebView.setWebContentsDebuggingEnabled(true);
    }
}

构建你的代码,在手机中打开你的应用,然后进入chrome://inspect,你会看到你的应用在那里列出。点击inspect链接。

wwtsj6pe

wwtsj6pe3#

如果您正在寻找的是一种为没有源代码的应用程序打开WebView调试的方法,这是可以做到的,但您需要反编译和重新编译该应用程序。
有关如何执行此操作的说明,请参见:https://blog.speedfox.co.uk/articles/1524219174-Android_WebView_Hackery

8e2ybdfx

8e2ybdfx4#

要在Android应用中调试Web视图,您必须在WebviewActivity中设置WebView.setWebContentsDebuggingEnabled(true)
打开chrome://inspect/#要调试的设备。使用端口转发。https://developers.google.com/web/tools/chrome-devtools/remote-debugging/webviews

zyfwsgd6

zyfwsgd65#

I have see there is a chapter for webView.Have you try out? https://developers.google.com/chrome-developer-tools/docs/remote-debugging#debugging-webviews
Seems it need:

  • An Android device or emulator running Android 4.4 or later, with USB debugging enabled as described in 2. Enable USB debugging on your device .
  • Chrome 30 or later.
ukqbszuj

ukqbszuj6#

在react-native-webview中,他们给予了IOS和Android的解释。
https://github.com/react-native-community/react-native-webview/blob/master/docs/Debugging.md
帮我搞定IOS。

相关问题