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);
}
}
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 .
6条答案
按热度按时间ztigrdn81#
试试看:
1.在设备中启用开发者选项(设置--〉关于手机--〉点击7次内部版本号)
1.打开“开发人员选项”并启用USB调试(在“开发人员选项”中)
1.将此行添加到自定义应用程序类或加载Web视图的活动中
//如果生成处于调试模式,则启用Web视图检查
1.打开Chrome并输入
chrome://inspect/#devices
,您应该会在远程目标列表中看到您的设备1.单击“inspect(检查)”对其进行调试。
**更新:**您可以简化如下:
vaj7vani2#
这对我来说是有效的,覆盖
MainActivity.java
中的方法onCreate
,并在方法WebView.setWebContentsDebuggingEnabled(true)
中添加此行。下面是我的代码:
构建你的代码,在手机中打开你的应用,然后进入chrome://inspect,你会看到你的应用在那里列出。点击inspect链接。
wwtsj6pe3#
如果您正在寻找的是一种为没有源代码的应用程序打开WebView调试的方法,这是可以做到的,但您需要反编译和重新编译该应用程序。
有关如何执行此操作的说明,请参见:https://blog.speedfox.co.uk/articles/1524219174-Android_WebView_Hackery
8e2ybdfx4#
要在Android应用中调试Web视图,您必须在WebviewActivity中设置WebView.setWebContentsDebuggingEnabled(true)
打开chrome://inspect/#要调试的设备。使用端口转发。https://developers.google.com/web/tools/chrome-devtools/remote-debugging/webviews
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:
ukqbszuj6#
在react-native-webview中,他们给予了IOS和Android的解释。
https://github.com/react-native-community/react-native-webview/blob/master/docs/Debugging.md
帮我搞定IOS。