`
一夕剑
  • 浏览: 53195 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

android:webView总结

AndroidwebkitJavaScript浏览器Chrome 
阅读更多

在Android手机中内置了一款高性能webkit内核浏览器，在SDK中封装为一个叫做WebView组件。

什么是webkit

WebKit是Mac OS X v10.3及以上版本所包含的软件框架（对v10.2.7及以上版本也可通过软件更新获取）。 同时，WebKit也是Mac OS X的Safari网页浏览器的基础。WebKit是一个开源项目，主要由KDE的KHTML修改而来并且包含了一些来自苹果公司的一些组件。

传统上，WebKit包含一个网页引擎WebCore和一个脚本引擎JavaScriptCore，它们分别对应的是KDE的KHTML和KJS。不过， 随着JavaScript引擎的独立性越来越强，现在WebKit和WebCore已经基本上混用不分（例如Google Chrome和Maxthon 3采用V8引擎，却仍然宣称自己是WebKit内核）。

这里我们初步体验一下在android是使用webview浏览网页，在SDK的Dev Guide中有一个WebView的简单例子 。

在开发过程中应该注意几点：
1.AndroidManifest.xml中必须使用许可"android.permission.INTERNET",否则会出Web page not available错误。
2.如果访问的页面中有Javascript，则webview必须设置支持Javascript。
webview.getSettings().setJavaScriptEnabled(true);
3.如果页面中链接，如果希望点击链接继续在当前browser中响应，而不是新开Android的系统browser中响应该链接，必须覆盖 webview的WebViewClient对象。

mWebView.setWebViewClient(new WebViewClient(){
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
});
mWebView.setWebViewClient(new WebViewClient(){
public boolean shouldOverrideUrlLoading(WebView view, String url) {
view.loadUrl(url);
return true;
}
});

4.如果不做任何处理，浏览网页，点击系统“Back”键，整个Browser会调用finish()而结束自身，如果希望浏览的网 页回退而不是推出浏览器，需要在当前Activity中处理并消费掉该Back事件。

public boolean onKeyDown(int keyCode, KeyEvent event) {
if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
mWebView.goBack();
return true;
}
return super.onKeyDown(keyCode, event);
}
public boolean onKeyDown(int keyCode, KeyEvent event) {
if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {
mWebView.goBack();
return true;
}
return super.onKeyDown(keyCode, event);
}

下一步让我们来了解一下android中webview是如何支持javascripte自定义对象的，在w3c标准中js有 window，history，document等标准对象，同样我们可以在开发浏览器时自己定义我们的对象调用手机系统功能来处理，这样使用js就可以 为所欲为了。

看一个实例：

view plaincopy to clipboardprint?
public class WebViewDemo extends Activity {
private WebView mWebView;
private Handler mHandler = new Handler();

public void onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.webviewdemo);
mWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
mWebView.addJavascriptInterface(new Object() {
public void clickOnAndroid() {
mHandler.post(new Runnable() {
public void run() {
mWebView.loadUrl("javascript:wave()");
}
});
}
}, "demo");
mWebView.loadUrl("file:///android_asset/demo.html");
}
}
public class WebViewDemo extends Activity {
private WebView mWebView;
private Handler mHandler = new Handler();

public void onCreate(Bundle icicle) {
super.onCreate(icicle);
setContentView(R.layout.webviewdemo);
mWebView = (WebView) findViewById(R.id.webview);
WebSettings webSettings = mWebView.getSettings();
webSettings.setJavaScriptEnabled(true);
mWebView.addJavascriptInterface(new Object() {
public void clickOnAndroid() {
mHandler.post(new Runnable() {
public void run() {
mWebView.loadUrl("javascript:wave()");
}
});
}
}, "demo");
mWebView.loadUrl("file:///android_asset/demo.html");
}
}

我们看addJavascriptInterface(Object obj,String interfaceName)这个方法，该方法将一个java对象绑定到一个javascript对象中，javascript对象名就是 interfaceName（demo），作用域是Global。这样初始化webview后，在webview加载的页面中就可以直接通过 javascript:window.demo访问到绑定的java对象了。来看看在html中是怎样调用的。

<html>
<mce:script language="javascript"><!--

function wave() {
document.getElementById("droid").src="android_waving.png";
}

// --></mce:script>
<body>
<a onClick="window.demo.clickOnAndroid()">
<img id="droid" src="android_normal.png" mce_src="android_normal.png"/><br>
Click me!
</a>
</body>
</html>
<html>
<mce:script language="javascript"><!--

function wave() {
document.getElementById("droid").src="android_waving.png";
}

// --></mce:script>
<body>
<a onClick="window.demo.clickOnAndroid()">
<img id="droid" src="android_normal.png" mce_src="android_normal.png"/><br>
Click me!
</a>
</body>
</html>

这样在javascript中就可以调用java对象的clickOnAndroid()方法了，同样我们可以在此对象中定义很多方法（比 如发短信，调用联系人列表等手机系统功能。）,这里wave()方法是java中调用javascript的例子。

这里还有几个知识点：

1)为了让WebView从apk文件中加载assets，Android SDK提供了一个schema，前缀为"file:///android_asset/"。WebView遇到这样的schema，就去当前包中的 assets目录中找内容。如上面的"file:///android_asset/demo.html"
2)addJavascriptInterface方法中要绑定的Java对象及方法要运行另外的线程中，不能运行在构造他的线程中，这也是使用 Handler的目的。

转载自：http://blog.csdn.net/gumanren/archive/2010/08/19/5824546.aspx

分享到：
| android 发送短信
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    android webview的用法总结

    android webview的用法总结

    Android_WebView安全攻防指南2020.pdf

    1.WebView攻击⾯ 2.WebView配置与使⽤ 3.WebViewURL校验 4.WebView安全防御 5.总结 WebView已成为Android ...通过本演讲，开发者能了解到Android WebView最新的典型漏洞类型及其利用手法，从而获得安全编程方面的指南。

    Android WebView播放视频（包括全屏播放）

    Android WebView播放视频开发中总结的一些经验，希望同大家分享，这个是相应的Demo，一些经验和注释都在代码中写到。

    Android中WebView返回到上一个网页

    最近写项目，有个功能是webView中的网页返回到上个页面，我在网上找了一下，总结了一下，把demo上传到这，和大家分享学习

    Android代码-支持html5的WebView

    Android WebView WebView在现在的项目中使用的频率应该还是非常高的。 我个人总觉得HTML5是一种趋势。找了一些东西，在此总结。 文章：WebView使用介绍 App下载：全屏浏览器 示例图（全屏的网页）：

    Android如何让WebView中的HTML5页面实现视频全屏播放

    本文主要是将最近工作中遇到的一个问题进行总结分享，主要介绍的是如何让WebView中H5页面全屏播放视频。关于这个问题，做一下简单分析，希望对大家有所帮助，下面话不多说了，来看看详细的介绍吧。 效果图 运行效果...

    androidWebView学习小结

    最近半年在做android开发，借鉴大牛和自己总结的一些经验，分享出来

    android webview播放网页视频

    在网上找了太多webview播放网页视频的代码，太乱了，总结完了写了一个最最简单的demo 可以拿去参考 注意事项 在avtivity上面有

    android项目中在webview中打开pdf

    android项目中在webview中打开pdf。 关于android打开pdf文件方法有多种，下面的文章有详细说明： Android 实现 PDF 文件阅读功能调研 Android 使用PDF.js浏览pdf的方法示例 android:加载PDF几种方法汇总对比  总结...

    Android中webview使用的一些坑

    主要给大家介绍了关于Android中webview使用的一些坑，通过一下总结的这些内容，对大家学习或者使用webview具有一定的参考学习价值，文中通过示例代码介绍的非常详细，需要的朋友可以参考下

    Android webview使用方法总结

    主要介绍了Android webview使用方法总结的相关资料,需要的朋友可以参考下

    Android WebView的使用方法总结

    Android WebView的使用方法  Android app打开H5页一般要实现如下需求： 1、打开指定url网页； 2、点击链接可以跳转到下一页，并更新标题； 3、按back键或左箭头可以返回上一页； 4、当webview显示的是第一级url时...

    Android总结之WebView与Javascript交互（互相调用）

    前言： 最近公司的App为了加快...本篇主要介绍WebView与Javascript交互数据，关于如何将H5网页呈现在WebView上可以参考这篇博客文章：Android总结之WebView使用总结。 WebView与Javascript交互：  WebView与Javascr

    android webView js方法和java交互例子源码

    android webView js方法和java交互例子源码和总结，自己亲自实践的小例子，分享给大家

    Android编程实现WebView自适应全屏方法小结

    主要介绍了Android编程实现WebView自适应全屏方法,结合实例形式总结了三种常用的WebView自适应全屏实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下

    Android程序开发之WebView使用总结

    主要介绍了Android程序开发之WebView使用总结的相关资料,非常不错，具有参考借鉴价值，需要的朋友可以参考下

    Android截屏截图的几种方法总结

    主要介绍了 Android截屏截图方法汇总（Activity、View、ScrollView、ListView、RecycleView、WebView截屏截图）的相关资料,需要的朋友可以参考下

    Android混合开发教程之WebView的使用方法总结

    今天修改项目中一个有关WebView使用的bug，激起了我总结WebView的动机，今天抽空做个总结。 简介 WebView是一个基于webkit引擎、展现web页面的控件。 Android的Webview在低版本和高版本采用了不同的webkit版本内核，...

    Android WebView总结

    NULL 博文链接：https://332461118-qq-com.iteye.com/blog/1559863

Magicbox
Global site tag (gtag.js) - Google Analytics