如何调试/检查apk webview的元素 我尝试了this,但它仅适用于Chrome而非apk。
请建议我
答案 0 :(得分:21)
试试这个:
在自定义应用程序类或加载Web视图的活动中添加此行
//如果您的构建处于调试模式,则启用Web视图检查
if (0 != (getApplicationInfo().flags & ApplicationInfo.FLAG_DEBUGGABLE)) {
WebView.setWebContentsDebuggingEnabled(true);
}
打开Chrome并输入chrome://inspect/#devices
,您应该会在远程目标列表中看到您的设备
快乐编码..
答案 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上为我提供了帮助。