Android与JS交互

Android WebView无网络时的页面加载及JavaScript交互实现

最新推荐文章于 2019-04-17 11:04:00 发布

原创最新推荐文章于 2019-04-17 11:04:00 发布 · 522 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#Android与JS交互 #Android

常用汇总专栏收录该内容

39 篇文章

订阅专栏

Android中WebView当无网络时，会显示找不到页面显示,页面上是加载的网址，在WebView的回调方法里可以处理：

	@Override
			public void onReceivedError(WebView view, final int errorCode,
					final String description, final String failingUrl) {
				super.onReceivedError(view, errorCode, description, failingUrl);
				mWebView.loadUrl(IpConstant.BASE_URL_NOWIFI);
			}

我的处理方式是在本地assets里放入一个html文件，从assets里获<a target=_blank href="file:///android_asset/nowifi.html'>"><span style="color:#000000;">得"</span>file:///android_asset/nowifi.html"></a>

代码很简单，我就放了张图片

<html>
<head>
    <script >  
  
   function RetryGetData()   
   {          
      JavaScriptInterface.RetryGetData();  
    }  

   </script> 
</head>

<body style="background-color:rgba(239, 239, 239, 0.69);" onclick="RetryGetData()">
<img src="nowifi.png" style="display: block;margin:100px auto;" />
</body>
</html>

Android与Html之间建立连接，Android这边提供一个接口

public class AndroidForJs {
	private ProgressWebView mWebView;
	private Context mContext;

	public AndroidForJs(Context context) {
		this.mContext = context;
	}

	public void setmWebView(ProgressWebView mWebView) {
		this.mWebView = mWebView;
	}

	// webview中调用方法点击事件
	@JavascriptInterface
	public void RetryGetData() {
		LogUtil.d("AndroidForJs----------RetryGetData");
		if (mWebView != null)
			mWebView.loadUrl(IpConstant.BASE_URL);
	}

}

注意一定要加上@JavascriptInterface，否则提示找不到方法
webView加上这个属性 mWebView.getSettings().setJavaScriptEnabled(true);

webView提供这个接口

	AndroidForJs forjs = new AndroidForJs(H5HomeActivity.this);
		forjs.setmWebView(mWebView);
		mWebView.addJavascriptInterface(forjs, "JavaScriptInterface");

这样JS重就可以调用Android里的方法了