文档章节

WebView 在 APP 中的使用

兔之
 兔之
发布于 2016/02/26 21:06
字数 396
阅读 108
收藏 6

微信的内嵌浏览器使用的是 WebView,当查看分享时打开的页面就是使用 WebView 呈现的。手机淘宝客户端也在页面中使用了 WebView。淘宝页面这种经常变化很大,对动画和流程性没要求的话,会优先使用 WebView。所以 App 的原则是经常变用 WebView,不经常变就 Native。

可以通过下列方式判断 APP 使用的哪种技术。打开开发者模式———显示布局边界。若是整块区域有边界,则是 WebView。如果每个元素都有边界,则不是。

输入图片说明

WebView 中请求页面

在微信朋友圈中查看分享时,会调到这样一个页面。其实就是在这个框架中去请求数据。

输入图片说明

下面模拟这种方案。

package timenull.friendcircle;

import android.os.Bundle;
import android.app.Activity;
import android.view.KeyEvent;
import android.webkit.WebView;

public class MainActivity extends Activity {
    private WebView webview;

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        webview = new WebView(this);
        webview.getSettings().setJavaScriptEnabled(true);
        webview.loadUrl("http://fuzhii.com");
        //设置Web视图
        setContentView(webview);
    }

    @Override
    //设置回退
    //覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {
            webview.goBack();
            return true;
        }
        return false;
    }
}

分为下面几步

1.在 Activity 中实例化 WebView 组件

webview = new WebView(this);

2.调用 WebView 的 loadUrl() 方法,设置 WebView 要显示的网页。

webview.loadUrl("http://fuzhii.com");

3.调用 Activity 的 setContentView() 方法显示网页视图

4.另外需要在 AndroidManifest.xml 文件中添加访问网络的权限

<uses-permission android:name="android.permission.INTERNET"/>

最后效果如下

输入图片说明

WebView 优点

  • 和前端 JS 无缝结合
  • 变更上线快,运营方便

参考

https://www.zhihu.com/question/35683612/answer/64628667

© 著作权归作者所有

共有 人打赏支持
兔之
粉丝 66
博文 247
码字总数 95896
作品 7
深圳
程序员
android 使用webview加载网页问题

我在做图片站http://www.mimi199.com时要将其移动站打包成app, 我使用的是webview来加载网页(本来想使用phonegap来做来,但是还是太麻烦了), 具体代码如下: protected void onCreate(Bu...

yangjiyue0520
2017/11/09
0
0
android 使用webview加载网页问题

我在做图片站http://www.mimi199.com时要将其移动站打包成app, 我使用的是webview来加载网页(本来想使用phonegap来做来,但是还是太麻烦了), 具体代码如下: protected void onCreate(Bu...

yangjiyue0520
2017/10/30
0
0
Android WebView独立进程解决方案

App中大量Web页面的使用容易导致App内存占用巨大,存在内存泄露,崩溃率高等问题,WebView独立进程的使用是解决Android WebView相关问题的一个合理的方案。 为什么要采用WebView独立进程 An...

浪淘沙xud
2017/12/15
0
0
Android WebView基本使用

WebView介绍 Android WebView在Android平台上是一个特殊的View, 基于webkit引擎、展现web页面的控件,这个类可以被用来在你的app中仅仅显示一张在线的网页,还可以用来开发浏览器。WebView...

临江仙卜算子
07/06
0
0
Android WebView使用的技巧与一些坑

Android WebView使用的技巧与一些坑 码农明明桑2015-10-18178 阅读 android 随着手机性能的提高,以及iOS和Android两个平台的普及,更多的App都会选择两个平台的App都进行开发,在有些时候,...

码农明明桑
2015/10/18
0
0

没有更多内容

加载失败,请刷新页面

加载更多

SingleNumber136 leetCode

Given a non-empty array of integers, every element appears twice except for one. Find that single one. Note: Your algorithm should have a linear runtime complexity. Could you im......

woshixin
12分钟前
0
0
String ,  StringBuffer ,  StringBuilder的区别

String , StringBuffer , StringBuilder的区别 String 首先,String 是用来表示一个字符串常量的,它是一个不可变对象,意味着,一旦我们创建了某个字符串之后,就不能再改变它的值了,我们可...

tsmyk0715
54分钟前
2
0
区块链100讲:UTXO 和 Account 模型对比

在当前区块链世界中,主要有两种记录保存方式,UTXO 模式(Unspent Transaction Output) 和 Account 模式。Bitcoin 采用的是 UTXO 模型,Ethereum 采用的 Account 模型,同样 CITA 也采用了 ...

HiBlock
56分钟前
1
0
Vue中路由管理器Vue Router使用介绍(三)

一、路由定义添加动态参数定义 1.路由定义项,使用:xx 方式 定义动态参数 { path:'/user/:id/:name', name:'user', component:()=>import('./views/User.vue') ...

tianma3798
57分钟前
1
0
从ibdata文件恢复mysql数据

DROP TABLE 恢复【一】 Recover InnoDB dictionary Percona Data Recovery Tool 单表恢复

IT--小哥
今天
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部