该博客介绍了如何在Android应用中使用WebView加载H5页面，展示了一个简单的商城布局，包括商品图片、链接跳转，并提供了与H5页面的交互示例，如宝马、法拉利和宾利等品牌商品的展示。
在eclipse中做出链接地址
WebView webView;
@Overrideprotected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
webView=(WebView) findViewById(R.id.webView1);
//加载
String pageurl="http://172.60.6.84:8080/html4/05jd.html";
webView.loadUrl(pageurl);
webView.clearCache(true);
webView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
Log.i("shoul", url);
String tag="tarena:tel/";
if (url.contains(tag)) {
String mobile=url.substring(tag.length());
Intent intent=new Intent(Intent.ACTION_CALL,Uri.parse("tel:"+mobile));
startActivity(intent);
return true;
}
return super.shouldOverrideUrlLoading(view, url);
}
});
}
2.在HBuilder中写出代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>商城</title>
</head>
<body>
<table width="100%" height="100" bgcolor="green">
<tr>
<td colspan="3">
<img src="img/jd1.jpg"/>
</td>
</tr>
<tr align="center">
<td>
<a href="618.html">618免费送</a>
<a href="01.html">宝马</a>
</td>
<td><a href="https://www.baidu.com/s?ie=utf-8&f=3&rsv_bp=1&tn=98050039_pg&wd=%E6%B3%95%E6%8B%89%E5%88%A9&oq=fragment%20%E7%94%9F%E5%91%BD%E5%91%A8%E6%9C%9F&rsv_pq=e2518fe7000c4586&rsv_t=3a77DuSoynz5bn2ulIBXDVWK%2Fi8SboEWM6FXGAPTJYosYHEFVgHSy%2FjyrrWkEpQiAU8&rqlang=cn&rsv_enter=0&inputT=8361&rsv_sug3=22&prefixsug=%E6%B3%95%E6%8B%89%E5%88%A9&rsp=2&rsv_sug4=8361&rsv_sug=2">法拉利</a></td>
<td><a href="https://www.baidu.com/s?ie=utf-8&f=8&rsv_bp=1&tn=98050039_pg&wd=%E5%AE%BE%E5%88%A9&oq=%E6%B3%95%E6%8B%89%E5%88%A9&rsv_pq=8c4f54840001eb67&rsv_t=92f9fXlAzMIZeLc1CQhgevpfKV0ylfWYTxr6NnSL23r30W8Jt4tpSE29BpyqgdCJH%2FU&rqlang=cn&rsv_enter=0&inputT=7011&rsv_sug3=29&rsv_sug1=8&rsv_sug7=100&rsv_sug2=0&rsv_sug4=7011&rsv_jmp=slow">宾利</a></td>
</tr>
</table>
<table bgcolor="blue" width="100%" height="400">
<tr>
<td width="200">
<table bgcolor="aqua" width="100%" height="400">
<tr><td align="top">宝马</td></tr>
<tr><td>法拉利</td></tr>
<tr><td>宾利</td></tr>
</table>
</td>
<td>
<table >
<tr>
<td><img src="img/car1.jpg" width="200" height="200"/></td>
<td><img src="img/car2.jpg" width="200" height="200"/></td>
</tr>
<tr>
<td><img src="img/car3.jpg" width="200" height="200"/></td>
<td><img src="img/car4.jpg" width="200" height="200"/></td>
</tr>
</table>
</td>
</tr>
</table>
<table bgcolor="green" width="100%" height="100">
<tr align="center"><td>联系我们</td></tr>
</table>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
