您的位置:首页 > 移动开发 > Android开发

Android初识-webview访问本地HTML5及本地HTML5之间的跳转

2015-11-17 10:42 696 查看
1.将html5工程拷入Android工程目录assets下

2.MainActivity下webview加载默认HTML5页面

webView = (WebView) findViewById(R.id.webView1);
WebSettings webSettings =   webView.getSettings();
webSettings.setUseWideViewPort(true);//设置此属性,可任意比例缩放
webSettings.setLoadWithOverviewMode(true);
webSettings.setJavaScriptEnabled(true);
webView.loadUrl("file:///android_asset/www/index.html");
// 添加一个对象, 让JS可以访问该对象的方法, 该对象中可以调用JS中的方法
<span style="white-space:pre">	</span>webView.addJavascriptInterface(new MyContact(), "dp");


3.定义HTML5页面交互类MyContact

private final class MyContact {
@JavascriptInterface
public void gotoPage()
{
Intent intent = new Intent();
intent.setClass(MainActivity.this,OtherActivity.class);//跳转到OtherActivity
finish();//移除当前Activity
}
}


4.OtherActivity定义加载另一个HTML5页面

<span style="white-space:pre">		</span>webView = (WebView) findViewById(R.id.webView1);
WebSettings webSettings =   webView.getSettings();
webSettings.setUseWideViewPort(true);//设置此属性,可任意比例缩放
webSettings.setLoadWithOverviewMode(true);
webSettings.setJavaScriptEnabled(true);
webView.loadUrl("file:///android_asset/www/other.html");

5.index.html页面通过调用js跳转到other.html

dp.gotoPage();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  webview html5 android