1、前言
無論是日常開發(fā)還是練習(xí)擅腰,相信網(wǎng)頁顯示是經(jīng)常需要實(shí)現(xiàn)的業(yè)務(wù)場景翁潘,現(xiàn)在的應(yīng)用一般有網(wǎng)頁鏈接傳入,都直接在自己的應(yīng)用中顯示拜马,不會去跳轉(zhuǎn)自帶瀏覽器。今天旺坠,我們就來實(shí)現(xiàn)一個能滿足基本網(wǎng)頁瀏覽需求的頁面扮超。國際慣例附上源碼。
2出刷、效果圖
從圖中可以看到進(jìn)入新聞網(wǎng)頁后馁龟,除了不能輸入網(wǎng)址(關(guān)注自己的業(yè)務(wù)),已經(jīng)與普通瀏覽器瀏覽網(wǎng)頁相同坷檩。
下面上代碼。
3、代碼
急用的同學(xué)下面可以直接ctrl c + ctrl v裸删,如果想知道一些原理不妨接著往下看
1、添加訪問網(wǎng)絡(luò)權(quán)限(AndroidManifest.xml)
<uses-permission android:name="android.permission.INTERNET"/>
2阵赠、頁面布局
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:app="http://schemas.android.com/apk/res-auto"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
tools:context="app.main.wangliwei.enablehands.view.WebDetailActivity">
<FrameLayout
android:id="@+id/web_frame"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:focusable="true"
android:focusableInTouchMode="true">
</FrameLayout>
</RelativeLayout>
3清蚀、WebDetailActivity.java
public class WebDetailActivity extends AppCompatActivity {
private Bundle bundle;
private WebView webView;
private FrameLayout frameLayout;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_web_detail);
frameLayout = findViewById(R.id.xwalk_view);
bundle = getIntent().getExtras();
initView();
}
private void initView() {
webView = new WebView(this);
WebSettings settings = webView.getSettings();
settings.setDomStorageEnabled(true);
//解決一些圖片加載問題
settings.setJavaScriptEnabled(true);
settings.setBlockNetworkImage(false);
webView.setWebViewClient(new WebViewClient(){
@Override
public boolean shouldOverrideUrlLoading(WebView view, String url) {
Log.d("webview","url: "+url);
view.loadUrl(url);
return true;
}
});
frameLayout.addView(webView);
String url = bundle.getString("URL");
webView.loadUrl(url);
}
//監(jiān)聽BACK按鍵榛搔,有可以返回的頁面時返回頁面
@Override
public boolean onKeyDown(int keyCode, KeyEvent event) {
if(keyCode == KeyEvent.KEYCODE_BACK) {
if(webView.canGoBack()) {
webView.goBack();
return true;
}
}
return super.onKeyDown(keyCode, event);
}
@Override
protected void onDestroy() {
if (webView != null) {
webView.loadDataWithBaseURL(null, "", "text/html", "utf-8", null);
webView.setTag(null);
webView.clearHistory();
((ViewGroup) webView.getParent()).removeView(webView);
webView.destroy();
webView = null;
}
super.onDestroy();
}
}
在瀏覽頁面時主要做了兩個處理,一個是對頁面返回的鏈接(URL)做直接顯示處理腹泌,由于我是實(shí)現(xiàn)一個新聞業(yè)務(wù)尔觉,所以在瀏覽過程中跳轉(zhuǎn)到其他頁面是必須的,重載WebClientView
中的shouldOverrideUrlLoading
方法侦铜。另一個是監(jiān)聽BACK按鍵钉稍,先用canGoBack()
判斷是否有可以回退的頁面,如果有再調(diào)用goBack()
返回上一個頁面嫁盲。
4、WebView的幾種加載方式
//方式1. 加載一個網(wǎng)頁:
webView.loadUrl("http://www.baidu.com/");
//方式2:加載apk包中的html頁面
webView.loadUrl("file:///android_asset/test.html");
//方式3:加載手機(jī)本地的html頁面
webView.loadUrl("content://com.android.levi/sdcard/test.html");
5缸托、Settings的常見設(shè)置
WebSettings settings=webView.getSettings();
// webview啟用javascript支持 用于訪問頁面中的javascript
settings.setJavaScriptEnabled(true);
//設(shè)置WebView緩存模式 默認(rèn)斷網(wǎng)情況下不緩存
settings.setCacheMode(WebSettings.LOAD_DEFAULT);
/**
* LOAD_CACHE_ONLY: 不使用網(wǎng)絡(luò)瘾蛋,只讀取本地緩存數(shù)據(jù)
* LOAD_DEFAULT: (默認(rèn))根據(jù)cache-control決定是否從網(wǎng)絡(luò)上取數(shù)據(jù)。
* LOAD_NO_CACHE: 不使用緩存佩抹,只從網(wǎng)絡(luò)獲取數(shù)據(jù).
* LOAD_CACHE_ELSE_NETWORK取董,只要本地有,無論是否過期茵汰,或者no-cache,都使用緩存中的數(shù)據(jù)栏豺。
*/
//斷網(wǎng)情況下加載本地緩存
settings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);}
//讓W(xué)ebView支持DOM storage API
settings.setDomStorageEnabled(true);
//讓W(xué)ebView支持縮放
settings.setSupportZoom(true);
//啟用WebView內(nèi)置縮放功能
settings.setBuiltInZoomControls(true);
//讓W(xué)ebView支持可任意比例縮放
settings.setUseWideViewPort(true);
//讓W(xué)ebView支持播放插件
settings.setPluginState(WebSettings.PluginState.ON);
//設(shè)置WebView使用內(nèi)置縮放機(jī)制時豆胸,是否展現(xiàn)在屏幕縮放控件上
settings.setDisplayZoomControls(false);
//設(shè)置在WebView內(nèi)部是否允許訪問文件
settings.setAllowFileAccess(true);
//設(shè)置WebView的訪問UserAgent
settings.setUserAgentString(String string);
//設(shè)置腳本是否允許自動打開彈窗
settings.setJavaScriptCanOpenWindowsAutomatically(true);
// 加快HTML網(wǎng)頁加載完成速度
if (Build.VERSION.SDK_INT >= 19) {
settings.setLoadsImagesAutomatically(true);
} else {
settings.setLoadsImagesAutomatically(false);
}
// 開啟Application H5 Caches 功能
settings.setAppCacheEnabled(true);
// 設(shè)置編碼格式
settings.setDefaultTextEncodingName("utf-8");
3晚胡、跳轉(zhuǎn)Activity
拿到鏈接(URL)以后可以這樣開啟瀏覽頁面
Bundle bundle = new Bundle();
bundle.putString("URL",url);
Intent intent = new Intent(getActivity(),WebDetailActivity.class);
intent.putExtras(bundle);
startActivity(intent,bundle);
4嚼沿、關(guān)于內(nèi)存泄漏
每個應(yīng)用在android中所占用的內(nèi)存是有限制的桑寨,碰巧WebView又是內(nèi)存大戶,所以在關(guān)閉頁面時尉尾,如果不及時釋放內(nèi)存,很可能導(dǎo)致OOM辨图。
避免內(nèi)存泄漏要做一些處理:
不在xml中定義 Webview 肢藐,而是在需要的時候在Activity中創(chuàng)建,并且Context使用 getApplicationgContext()
鱼的,因?yàn)閃ebView調(diào)用destory
時,如果傳入Activity的Context對象WebView會仍綁定在Activity上痘煤。在 Activity 銷毀( WebView )的時候,先讓 WebView 加載null內(nèi)容衷快,然后從父容器(ViewGroup
)中移除 WebView,再銷毀 WebView师郑,最后置空调窍。
需要注意的是,如果你需要在WebView中打開鏈接或者你打開的頁面帶有flash邓萨,獲得你的WebView想彈出一個dialog,都會導(dǎo)致從ApplicationContext到ActivityContext的強(qiáng)制類型轉(zhuǎn)換錯誤湿刽,從而導(dǎo)致你應(yīng)用崩潰褐耳。這是因?yàn)樵诩虞dflash的時候渴庆,系統(tǒng)會首先把你的WebView作為父控件雅镊,然后在該控件上繪制flash刃滓,他想找一個Activity的Context來繪制他,但是你傳入的是ApplicationContext卓缰。
解決方法:通常根治這個問題的辦法是為WebView開啟另外一個進(jìn)程砰诵,通過AIDL與主進(jìn)程進(jìn)行通信,WebView所在的進(jìn)程可以根據(jù)業(yè)務(wù)的需要選擇合適的時機(jī)進(jìn)行銷毀茁彭,從而達(dá)到內(nèi)存的完整釋放。因?yàn)閣ebview引發(fā)的 資源無法釋放等問題 全部可以解決摄闸。
5妹萨、最后
通過以上步驟還是可以實(shí)現(xiàn)一個滿足基本瀏覽需求的頁面的,注意內(nèi)存泄漏眠副,比較開發(fā)到后期,對內(nèi)存的使用時越來也關(guān)注霍弹。如果對你有幫助娃弓,歡迎 star 支持下,源碼地址耍缴,個人項(xiàng)目里面有一些其他東西挽霉,直接看WebDetailActivity中的內(nèi)容即可。