封装网页并转化为App不是一项特别困难的工作，尤其是对于那些善于使用现成工具和资源得人来说，但是需要一定的技术和知识。本文将为你介绍封装网页做成App的原理和详细介绍。

一、原理

封装一个网页做成APP的原理是，实现将网页封装成一个自带浏览器的应用程序的过程，得到的结果是一个类似于浏览器应用的App，用户可以通过这个App直接浏览你的网站，而且可以在离线的情况下使用里面的内容。

二、详细介绍

下面我们将介绍如何使用工具和技术封装网页做成App。

1.使用工具WebView

WebView 是 Android 提供的一个基于Webkit引擎的控件，可以将网页直接封装成App。WebView具有普适性和兼容性，具备跨平台功能。

将网页封装成App，最基本也是最直接的方法就是使用 WebView，它包含在Android SDK中。开发人员可以使用加载WebView来显示一个网页，通过设置 WebViewClient 重写 UrlLoading 方法使得网页可以在 App 中显示，如下所示：

```java

public class MainActivity extends Activity {

private WebView mWebView;// 声明 WebView

private ProgressBar mProgressBar;// 声明 ProgressBar

@Override

protected void onCreate(Bundle savedInstanceState) {

super.onCreate(savedInstanceState);

setContentView(R.layout.activity_main);

mWebView = (WebView) findViewById(R.id.web_view);// 获取 WebView

mProgressBar = (ProgressBar) findViewById(R.id.progress_bar);// 获取 ProgressBar

mProgressBar.setMax(100);// 设置最大进度值

WebSettings webSettings = mWebView.getSettings();// 获取 WebViewSettings

webSettings.setJavaScriptEnabled(true);// 设置开启JavaScript支持

mWebView.setWebViewClient(new MyWebViewClient());// 设置 WebViewClient

mWebView.loadUrl("http://www.xxx.com");// 加载网页

}

private class MyWebViewClient extends WebViewClient {// WebViewClient 重写 UrlLoading 方法

@Override

public boolean shouldOverrideUrlLoading(WebView view, String url) {

view.loadUrl(url);

return true;

}

@Override

public void onPageStarted(WebView view, String url, Bitmap favicon) {

mProgressBar.setProgress(0);// 显示进度条

super.onPageStarted(view, url, favicon);

}

@Override

public void onPageFinished(WebView view, String url) {

mProgressBar.setVisibility(View.GONE);// 隐藏进度条

super.onPageFinished(view, url);

}

@Override

public void onReceivedError(WebView view, WebResourceRequest request, WebResourceError error) {

Toast.makeText(MainActivity.this, "网页加载出错了！" + error.getDescription(), Toast.LENGTH_SHORT).show();

super.onReceivedError(view, request, error);

}

}

}

```

2.使用工具 PhoneGap

PhoneGap是一套免费开源的工具，它能够将网页应用转化为原生的应用程序来运行。PhoneGap将HTML、CSS和JS代码打包成原生程序，可以用 C 或 Java 等语言编写扩展组件，开发人员可以将自己编写的功能模块集成到 PhoneGap 手机应用程序中，实现丰富的基于 Web 编程的移动开发。

使用 PhoneGap，需要依照其文档进行安装和配置，最后利用 PhoneGap 提供的 API 和插件实现网页应用转化。

```html

Hello World