android4.4 webview调用javascript出现Uncaught ReferenceError: is not define或者has no method

这几天用Nexus5 4.4.4系统做一个简单的手机设备号获取，然后调用javascript显示在网页里的功能，以前做过n多类似的程序，结果程序一运行啥问题都出来了，呵呵

[INFO:CONSOLE(1)] "Uncaught ReferenceError: is not define

 I/chromium(490): [INFO:CONSOLE(1)] "Uncaught SyntaxError: Unexpected token ILLEG

 [Android] Web Console: Uncaught TypeError: Object [object Object] has no method 'xxx'

总结来看就是上述问题，先看代码吧

demo.html

      
               
                   
				href="http://www.baidu.com" 打开baidu      
                 
            
            

             

              
            
                  
				href="http://www.baidu.com/closeappwin" 关闭浏览器closeappwin      
              
           
             

             

           
           
                  
				href="new://www.sohu.com/"  在当前浏览器打开一个子浏览器new subwindow      
             
           
             

             

             
           
               
 

看看我的android 代码如下：

	private void loadUrl(){
		String key="";
		String androidID="";
		try{
			androidID = Secure.getString(getContentResolver(),Secure.ANDROID_ID);
			Log.d(TAG, "androidID:"+androidID);

		}catch(Exception e){
			Log.e(TAG, "");
		}finally{
			String script=String.format("javascript:getDeviceID('"+androidID+"')");
			
			mWebview.evaluateJavascript(script, new ValueCallback() {

				  @Override
				  public void onReceiveValue(String value) {
				      Log.d(TAG, "onReceiveValue value=" + value);
				      
				      if(value!=null){
				    	  flag_get_deviceid=true;
				      }
				  }});
			//mWebview.loadUrl("javascript:getDeviceID('maomao')");

		}
	}

当loadUrl方法在activity的oncreate方法里，mWebview.loadUrl("file:///android_asset/demo.html"); 执行之后调用loadUrl();

基本上就出现上面的错误了，我想是不是4.4的系统在写法上跟低版本不一样，还是用了2种调用方式：

mWebview.evaluateJavascript

mWebview.loadUrl("javascript:getDeviceID('maomao')");

那最后的判断就是一种可能： 调用getDeviceID 方法的时候，js没有加载完毕。

解决办法：

	private class WebViewClientDemo extends WebViewClient {
		@Override
		public boolean shouldOverrideUrlLoading(WebView view, String url) {
			Log.d(TAG, " url:"+url);
			
			
			view.loadUrl(url);// 当打开新链接时，使用当前的 WebView，不会使用系统其他浏览器
			return true;
		}
		
		@Override
		  public void onPageFinished(WebView view, String url) {
		      super.onPageFinished(view, url);
		      //在这里执行你想调用的js函数
		      if(!flag_get_deviceid){
		    	  loadUrl();
		      }
		  }
	}

我们在 onPageFinished的时候，全部的js肯定都加载完毕了，这时候再执行loadUrl方法，就可以啦。

最后顺便提一下 webview.evaluateJavascript的好处，这个方法，可以把js函数的return结果获取到：

mWebview.evaluateJavascript(script, new ValueCallback() {

				  @Override
				  public void onReceiveValue(String value) {
				      Log.d(TAG, "onReceiveValue value=" + value);
				      
				      if(value!=null){
				    	  flag_get_deviceid=true;
				      }
				  }});

• 加入CSDN技术群：221057495 与我交流