WebView学习

来源：互联网发布：淘宝app软件官方下载编辑：程序博客网时间：2024/06/11 10:57

在Activity上写的代码

public class MyWebViewActivity extends Activity {

private WebView mWebView;

private String url = "http://192.168.1.156/html/index.html";//自己本地

@Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);

setContentView(R.layout.web_view_test);

mWebView = (WebView) findViewById(R.id.my_web_view);

//连接网络，将URL设置到webview上

mWebView.loadUrl(url);

WebSettings setting = mWebView.getSettings();
setting.setJavaScriptEnabled(true);
setting.setCacheMode(WebSettings.LOAD_NO_CACHE);;

//将接口与Javascript关联

//红色部分就是相关联地代码；当点击喇叭图片时，弹出对话框

mWebView.addJavascriptInterface(new MusicHtmlTest(), "musicServiceInterfaceName");

//按返回键时，返回上一界面；而不是销毁activity
mWebView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
mWebView.loadUrl(url);
return true;
}
});
}

@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if (keyCode == KeyEvent.KEYCODE_BACK && mWebView.canGoBack()) {
mWebView.goBack();// 返回前一个页面
return true;
}
return super.onKeyDown(keyCode, event);

}

//定义接口

class MusicHtmlTest{

public void playMusic(){
Toast.makeText(MyWebViewActivity.this, "播放音乐",
Toast.LENGTH_LONG).show();
}

}

访问界面代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>婚庆主页</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=2.0,user-scalable=yes">

<meta name="apple-mobile-web-app-capable" content="YES">
<link rel="stylesheet" href="mycss.css" type="text/css" />

0 0