android中webView使用总结---飞速浏览器实现基础.

本文介绍 Android 中 WebView 组件的应用技巧,包括配置网络权限、启用 JavaScript、处理页面链接、实现回退功能、绑定自定义对象及解决常见问题。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

转自 http://blog.youkuaiyun.com/gumanren/article/details/5824546,感谢原作者!

飞速浏览器 http://bbs.ifeisu.com/

 

即将推出飞速浏览器3.0.0

最新界面:

http://blog.youkuaiyun.com/gumanren/article/details/7010316

里面用到了webview方方面面.

多标签浏览.像不像chrome?

便捷的上网方式(语音上网,,自动提示常用网址)

多种首页风格

 


所以在这特意收集了webview的一些常见问题,

大部分内容为网上整理其它高人的帖子,现只作整理,用于查看:

在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对象。

[java]  view plain copy print ?
  1. mWebView.setWebViewClient(new WebViewClient(){                         public boolean shouldOverrideUrlLoading(WebView view, String url) {                             view.loadUrl(url);                             return true;                         }             });   

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

[java]  view plain copy print ?
  1. public boolean onKeyDown(int keyCode, KeyEvent event) {             if ((keyCode == KeyEvent.KEYCODE_BACK) && mWebView.canGoBack()) {                 mWebView.goBack();                        return true;             }             return super.onKeyDown(keyCode, event);         }     

5.android中webview支持javascript自定义对象

a.设置webview支持javascript.  webSettings.setJavaScriptEnabled(true); 

b.绑定android对象到javascript对象. addJavascriptInterface(Object obj,String interfaceName);

c.页面中调用javascript对象. javascript:window.demo.方法名称();

在w3c标准中js有 window,history,document等标准对象,同样我们可以在开发浏览器时自己定义我们的对象调用手机系统功能来处理,这样使用js就可以 为所欲为了。

  看一个实例:

[java]  view plain copy print ?
  1. 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>     
        <script language="javascript"><!--   
     
                function wave() {     
                    document.getElementById("droid").src="android_waving.png";     
                }     
           
// --></script>     
        <body>     
            <a onClick="window.demo.clickOnAndroid()">     
                                <img id="droid" src="android_normal.png" 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的目的。


6.webview 中使用div层会出现重叠显现.

只能用dom方式操作div的删除动作.

7.android中webview接收favicon总是获取为null解决方案

8.webview中获取历史记录列表;


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值