码迷,mamicode.com
首页 > 移动开发 > 详细

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

时间:2014-10-18 17:01:30      阅读:559      评论:0      收藏:0      [点我收藏+]

标签:android webview js   webview evaluatejava   evaluatejavascript   webview.loadurl   

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


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

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

标签:android webview js   webview evaluatejava   evaluatejavascript   webview.loadurl   

原文地址:http://blog.csdn.net/changemyself/article/details/40212057

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!