WebView学习

原创 2015年11月18日 20:04:39

在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="viewport" content="width=640, initial-scale=0.5,maximum-scale=0.5" />-->
<meta name="apple-mobile-web-app-capable" content="YES">
<link rel="stylesheet" href="mycss.css" type="text/css" />
<script>
var i = 0;
var jh = "我们已婚!";

function myOnClick(){
//alert("你好,我是弹出对话框");
//document.write("javascript 学习");
//document.getElementById("sp11").innerHTML=jh+(i+=1);
window.musicServiceInterfaceName.playMusic();
}
function startGridView(){
window.musicServiceInterfaceName.startGridViewHttp();
}


function nativeToJs(){
var url = window.musicServiceInterfaceName.jsToNativeGetParameter(); //返回http://it.warmtel.com 
window.location.href=url; //跳转到指定url
}



function toHttpWeb(){
window.location.href="http://blog.warmtel.com";
}

</script>
</head>




<body >
 
<div class="wrapcontain" style="width: 300px;padding: 10px;padding-top: 0px;margin: 0 auto;background-color:#680011;">
<div class="imgTop">
<img class="imgtop_bg" src="./img/index_top_bg.png" /> 
<img class="imgtop_lb" src="./img/index_microphone.png" onclick="myOnClick()"/>
<h3 class="p3">
<p id="sp11" class="sp1">离我们婚礼</p>
<p class="sp2">
还有<span class="sp3">35</span>天
</p>
</h3>
</div>




<div class="imgShow">
  
<img src="./img/index_yaoqinghan.png" onclick="startGridView()"/> 
<img src="./img/index_zhufuqiang.png" onclick="nativeToJs()"/> 
<img src="./img/index_yaoyiyao.png" /> 
<img src="./img/index_hunsha.png" />
</div>


<div class="footer">
  
<a href="###">婚礼承办方:成都幸福公社婚庆公司<img
src="./img/redRightarrow.png" /></a>

</div>
</div>
   
<script src="demo.js"></script>
</body>
</html>

Android之WebView学习

WebView常用方法WebSettings在使用WebView前我们都要进行相关的配置,常见的操作如下: WebSettings settings = mWebView.getSettings...
  • whuhan2013
  • whuhan2013
  • 2016年08月13日 11:23
  • 1198

webview学习

webview是android加载网页的控件,同时可以支持与js的相互调用。 在创建webview时,系统有一些默认设置,我们可以通过webview.getSettings()  方法来改变一些默认的...
  • woshimiaoxingren
  • woshimiaoxingren
  • 2016年06月20日 10:47
  • 250

mac os WebView 更改UserAgent

使用WebView::setCustomUserAgent成员函数即可实现;可以通过访问http://whatsmyuseragent.com验证;...
  • StudyRecord
  • StudyRecord
  • 2011年02月22日 16:07
  • 2148

Android WebView学习笔记

先看一下WebView的继承关系: WebView extends AbsoluteLayout implements ViewTreeObserver.OnGlobalFocusChan...
  • shangmingchao
  • shangmingchao
  • 2015年04月14日 22:58
  • 1215

[WebView学习之五]:调试Web Apps

上一篇我们学习了( [WebView学习之四]:迁移到Android4.4版本的WebView),今天我们来继续学习。        (博客地址:http://blog.csdn.net/dev...
  • jiangqq781931404
  • jiangqq781931404
  • 2014年11月04日 13:28
  • 3053

cocos2d-js webview

var webView = new ccui.WebView(); webView.setPosition(cc.p(this._actView.getContentSize().width/2, t...
  • LANGZI7758521
  • LANGZI7758521
  • 2016年04月28日 14:17
  • 2712

Android Hybrid 学习过程 三 WebView设置缓存

我先上一个加载百度网页的代码,作为基础代码,接下来的会在这上面加代码讲解网络权限,这个没有上不了网 ...
  • z979451341
  • z979451341
  • 2017年03月30日 10:05
  • 393

WebView 学习

1: 代码风格都不同. 2: SVN 是apatch组织在维护, 3:eclipse的svn的合并不是可视化的界面,IDEA和studio都是合并什么的都是可视化的界面 4:VisualSvn ...
  • Rodulf
  • Rodulf
  • 2016年01月14日 15:43
  • 340

WebView学习

1.webview浏览网页 mWebView = (WebView) findViewById(R.id.wrap_content_web_view); mWebView.load...
  • ccp1994
  • ccp1994
  • 2014年04月08日 16:27
  • 461

webView学习

1、在AndroidManifest.xml配置网络访问权限 2、编写布局文件activity_main.xml
  • woshimuyi1025
  • woshimuyi1025
  • 2015年12月14日 10:42
  • 217
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:WebView学习
举报原因:
原因补充:

(最多只允许输入30个字)