51Testing软件测试论坛

标题: WebView 在 APP 中的使用 [打印本页]
作者: 哈士奇的罪恶    时间: 2019-3-6 15:58
标题: WebView 在 APP 中的使用

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


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

[attach]122612[/attach]


WebView 中请求页面

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

[attach]122613[/attach]


下面模拟这种方案。

  1. package timenull.friendcircle;

  3. import android.os.Bundle;
  4. import android.app.Activity;
  5. import android.view.KeyEvent;
  6. import android.webkit.WebView;

  8. public class MainActivity extends Activity {
  9.     private WebView webview;

  11.     @Override
  12.     public void onCreate(Bundle savedInstanceState) {
  13.         super.onCreate(savedInstanceState);
  14.         webview = new WebView(this);
  15.         webview.getSettings().setJavaScriptEnabled(true);
  16.         webview.loadUrl("http://fuzhii.com");
  17.         //设置Web视图
  18.         setContentView(webview);
  19.     }

  21.     @Override
  22.     //设置回退
  23.     //覆盖Activity类的onKeyDown(int keyCoder,KeyEvent event)方法
  24.     public boolean onKeyDown(int keyCode, KeyEvent event) {
  25.         if ((keyCode == KeyEvent.KEYCODE_BACK) && webview.canGoBack()) {
  26.             webview.goBack();
  27.             return true;
  28.         }
  29.         return false;
  30.     }
  31. }
复制代码

分为下面几步

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"/>


最后效果如下

[attach]122614[/attach]


WebView 优点





欢迎光临 51Testing软件测试论坛 (http://bbs.51testing.com/) Powered by Discuz! X3.2