WebView控件中的onConsoleMessage方法不被调用

本是古典何须时尚 2022-08-19 11:22 195阅读 0赞

## 1.目的 ##

在WebView控件中,如果页面中调用了javascript脚本console.log 方法,就调用一个Java方法.

## 2.默认实现方法 ##

在Android的WebView控件中,有一个setChromeClient(WebChromeClient)方法,

此方法的参数是WebChromeClient对象,通过重载此对象中的onConsoleMessage方法就

可以达到此目的.看代码:

WebView webView = new WebView();
    webView.setWebChromeClient(new DefaultWebChromeClient);
    
    // 以上代码放在在Activity或则Fragment中的onCreate方法中
    
    private class DefualtWebChromeClient extends WebChromeClient {
        @Override
        public boolean onConsoleMessage(ConsoleMessage consoleMessage) {
            String message = consoleMessage.message();
            int lineNumber = consoleMessage.lineNumber();
            String sourceID = consoleMessage.sourceId();
            String messageLevel = consoleMessage.message();
    
            Log.i("[WebView]", String.format("[%s] sourceID: %s lineNumber: %n message: %s",
                    messageLevel, sourceID, lineNumber, message));
    
            return super.onConsoleMessage(consoleMessage);
        }
    
        @Override
        public void onConsoleMessage(String message, int lineNumber, String sourceID) {
            Log.i("[WebView]", String.format("sourceID: %s lineNumber: %n message: %s", sourceID,
                    lineNumber, message));
            super.onConsoleMessage(message, lineNumber, sourceID);
        }
    }

第一个方法onConsoleMessage(ConsoleMessage consoleMessage)是新版本的android才有的方法,第二个方法是旧版本的.

第二个方法已经不推荐使用了,但是在旧版本的android中,仍然需要此方法.所以最好两个方法都实现.

## 3.问题 ##

默认的实现在某些版本的手机中不好使,onConsoleMessage方法死活不被调用

## 4.解决方案 ##

使用WebView的addJavascriptInterface方法:

// 首先,定一个类,叫什么名称都可以,但是里面的方法名必须与
    // Javascript的console中的方法名对应
    private class Console{
        private static final String TAG="[WebView]";
        public void log(String msg){
            Log.i(TAG,msg);
        }
    	// 还可以添加其他的方法,比如: warn,assert等等
    }
    
    // 然后,为WebView添加对应的接口
    webView.addJavascriptInterface(new Console, "console");

这个解决方案有一个不好的地方,就是输出的内容没有onConsoleMessage方法那么详细,比如行号,就没法输出.

所以,我们应该在onConsoleMessage好使的时候使用onConsoleMessage,不好使的时候在使用我们自定义的方式.

那么,如何来判断onConsoleMessage是否好使呢? 我们可以在程序初始化的时候,先在WebView中运行一下console.log,

如果onConsoleMessage运行了,就添加一个标记,表示默认的实现是好使的.

@Override
    public View onCreateView(LayoutInflater inflater, ViewGroup container, Bundle savedInstanceState) {
        // 这些代码也可以放到onCreate方法中
    	
        this.webView = (WebView) layout.findViewById(R.id.webview);
        WebSettings webSettings = webView.getSettings();
        webSettings.setJavaScriptEnabled(true);
        
        // Set WebChromeClient
        WebChromeClient webChromeClient = new TestConsoleMessageWebChromeClient();
    	// 先执行console.log,测试是否调用了onConsoleMessage
        webView.loadUrl("javascript:console.log('testConsoleMessage')");
    	
        if (((TestConsoleMessageWebChromeClient)webChromeClient).isConsoleMessageOK()){
    	    // 这里额外使用了一个新的类 TestConsoleMessageWebChromeClient
    		// 如果不适用TestConsoleMessageWebChromeClient,就需要在
    		// DefaultWebChromeClient中添加标记字段 consoleMessageOK,
    		// 这样如果方法onConsoleMessage好使,那么每次都给consoleMessageOK赋值,
    		// 这个有些多余,也影响性能.
            webChromeClient = new DefualtWebChromeClient();
        }else{
    	    // onConsoleMessage不好使,就使用这种方式,第二个参数值必须是"console"
            webView.addJavascriptInterface(new Console(), "console");
        }
        
        webView.loadUrl("http://www.baidu.com");
    
        return super.onCreateView(inflater, container, savedInstanceState);
    }
    
    // 当默认的onConsoleMessage不好使的时候使用的类
    private class Console {
        private static final String TAG = "[WebView]";
    
        public void log(String msg) {
            Log.i(TAG, msg);
        }
    	// 这里还可以添加其他方法console对象中有的方法,比如 assert
    }
    
    // 默认
    private class DefualtWebChromeClient extends WebChromeClient {
        @Override
        public boolean onConsoleMessage(ConsoleMessage consoleMessage) {
            String message = consoleMessage.message();
            int lineNumber = consoleMessage.lineNumber();
            String sourceID = consoleMessage.sourceId();
            String messageLevel = consoleMessage.message();
    
            Log.i("[WebView]", String.format("[%s] sourceID: %s lineNumber: %n message: %s",
                    messageLevel, sourceID, lineNumber, message));
    
            return super.onConsoleMessage(consoleMessage);
        }
    
        @Override
        public void onConsoleMessage(String message, int lineNumber, String sourceID) {
            Log.i("[WebView]", String.format("sourceID: %s lineNumber: %n message: %s", sourceID,
                    lineNumber, message));
            super.onConsoleMessage(message, lineNumber, sourceID);
        }
    }
    
    // 用于测试onConsoleMessage是否调用的类
    private class TestConsoleMessageWebChromeClient extends WebChromeClient {
        private boolean consoleMessageOK = false;
    
        @Override
        public boolean onConsoleMessage(ConsoleMessage consoleMessage) {
            this.consoleMessageOK = true;
            return super.onConsoleMessage(consoleMessage);
        }
    
        @Override
        public void onConsoleMessage(String message, int lineNumber, String sourceID) {
            this.consoleMessageOK = true;
            super.onConsoleMessage(message, lineNumber, sourceID);
        }
    
        public boolean isConsoleMessageOK() {
            return this.consoleMessageOK;
        }
    }