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

浏览数：32 / 时间：2015年06月11日

这几天用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

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>

</head>


      <script>
      
      function getDeviceID(info){

		alert("设备号："+info);    	
      	//document.write("设备号："+info);
      	return "good.";
    	
      }
     
      </script>
        <body>       
            <a href="http://www.baidu.com" target="_blank">       
				href="http://www.baidu.com" 打开baidu      
            </a>     
            
            <br/>
             <br/>
              
            
           <a href="http://www.baidu.com/closeappwin" target="_blank">       
				href="http://www.baidu.com/closeappwin" 关闭浏览器closeappwin      
           </a>   
           
             <br/>
             <br/>
           
           
           <a href="new://www.sohu.com/" target="_blank">       
				href="new://www.sohu.com/"  在当前浏览器打开一个子浏览器new subwindow      
           </a>  
           
             <br/>
             <br/>
             
           
        </body>       
</html>

看看我的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<String>() {

				  @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<String>() {

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