WebView加载本地Html文件并实现点击效果

来源：互联网发布：域名备案需要多少钱编辑：程序博客网时间：2024/06/10 08:33

Webview是用来与前端交互的纽，可以加载本地Html文件，和网页并实现交互的功能。

WebView通过WebSetting可以使用Android原生的JavascriptInterface来进行js和java的通信。

加载本地文件：webView.loadUrl("file:///android_asset/xxx.html");

加载网页：webView.loadUrl("http://baidu.com");

案例：（WebView加载本地Html并实现与JS通信）效果图：

代码：

/*** *  * WebView加载本地文件和实现JS点击效果 *  * @author zq * */public class MainActivity extends Activity {private WebView webView;@Overrideprotected void onCreate(Bundle savedInstanceState) {// TODO Auto-generated method stubsuper.onCreate(savedInstanceState);  setContentView(R.layout.activity_main);          initView();}private void initView() {// TODO Auto-generated method stub  // 获取webview控件webView = (WebView) findViewById(R.id.activity_webview);// 获取WebView的设置WebSettings webSettings = webView.getSettings();// 将JavaScript设置为可用，这一句话是必须的，不然所做一切都是徒劳的webSettings.setJavaScriptEnabled(true);// 给webview添加JavaScript接口webView.addJavascriptInterface(new JsInterface(), "control");// 通过webview加载html页面webView.loadUrl("file:///android_asset/l.html");}public class JsInterface {@JavascriptInterfacepublic void showToast(String toast) {Toast.makeText(MainActivity.this, toast, Toast.LENGTH_SHORT).show();}public void log(final String msg) {webView.post(new Runnable() {@Overridepublic void run() {webView.loadUrl("javascript log(" + "'" + msg + "'" + ")");}});}}}

JS文件

  function showToast(toast) {       javascript:control.showToast(toast);    }  function log(msg) {consolse.log(msg);    }

AndroidManifest.xml 中加权限

<uses-permission android:name="android.permission.INTERNET"/><uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>

代码未完全给出，要源码直接下载即可

源码下载：http://download.csdn.net/detail/dickyqie/9710928

0 0