Android 空白项目

// WebView 开启对 js 加载的支持
webView.getSettings().setJavaScriptEnabled(true);
        

// WebView 上添加 js 方法的接口实现类
webView.addJavascriptInterface(new jsMethodsObjectInterface(), "jsMethodsObjectName")

开启允许 webvview 加载 js

实现 js 接口类

将 js 接口类添加到 webview 中

undefined 异常处理

array 类型不一致 bug

debug webview

chrome://inspect/#devices

webview.setWebContentsDebuggingEnabled(true);

android:windowSoftInputMode="adjustPan"

android 防止键盘遮挡

// load index.html from the assets folder
WebView.loadUrl("file:///android_asset/index.html");

// load logo.png from the res folder
WebView.loadUrl("file:///android_res/drawable/logo.png");

// load a web based URL, Oreilly's homepage in this case
WebView.loadUrl("http://www.oreilly.com");

public class JsMethodsObjectInterface{
    private static final String TAG = "JsMethodsObjectInterface";
    
    @JavascriptInterface
    public void setInputValue(String value){
        Log.d(TAG, msg: "input value =" + value);
    }
}

public class MainActivity extends AppCompatActivity{
    private WebView webView;
    private TextView textView;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initWidgets(savedInstanceState);
    }
    private void initWidgets(Bundle savedInstanceState) {
        webView = findViewById(R.id.webview);
        textView = findViewById(R.id.textview);
        
        // WebView 开启对 js 加载的支持
        webView.getSettings().setJavaScriptEnabled(true);
        
        // WebView 上添加 js 方法的接口实现类
        webView.addJavascriptInterface(new jsMethodsObjectInterface(), "jsMethodsObjectName"n)
    }
}

public class MainActivity extends AppCompatActivity{
    private WebView webView;
    private TextView textView;
    
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
        initWidgets(savedInstanceState);
    }
    private void initWidgets(Bundle savedInstanceState) {
        webView = findViewById(R.id.webview);
        textView = findViewById(R.id.textview);
        
        // WebView 开启对 js 加载的支持
        webView.getSettings().setJavaScriptEnabled(true);
    }
}

WebView 调用 Java 方法

WebView调用Java方法

步骤

1.允许WebView加载js

webView.getSettings().setJavaScripteEnabled(true);

2.编写js接口类

3.给WebView添加js接口

webView.addJavaScriptInterface(obj,name);

对应图片解释

1. js掉用java代码，java代码中报错，app不会崩溃只是会在浏览器中报错
   

2. 使用时需要判断对象是否存在，否则可能不是想要的效果

3. 因为js中一个数组中可以包含多种类型，java中不行，遇到这种情况可以用json字符串代替

4. js中传递字符串如果为空的话会传递undefined