混合開發(fā)之原生嵌套h5頁(yè)面（Android的webView組件與 Echarts 適配問題）

1. webView使用

應(yīng)用場(chǎng)景：當(dāng)我們的應(yīng)用需要加載網(wǎng)頁(yè)時(shí)，需要使用webView在承載目標(biāo)網(wǎng)址兰绣。

@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);
 
        //方式二：Webview控件跳轉(zhuǎn)網(wǎng)頁(yè)
        WebView wv = findViewById(R.id.wv);
        wv.loadUrl("http://www.hao123.com");
    }

<LinearLayout 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:orientation="vertical"
    android:layout_height="match_parent">
    <WebView
        android:id="@+id/wv"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">
    </WebView>
</LinearLayout>

問題描述：此時(shí)若網(wǎng)頁(yè)中有Echarts圖表叽赊，在部分機(jī)型上echarts圖表不能被渲染加載出來，列表的滾動(dòng)效果也沒有枚荣，有些圖片顯示跑偏困食。（安卓原生webview在安卓5.1版本之下canvas繪制內(nèi)容加載不出來）
原因分析（Android內(nèi)置的WebView組件的局限性）：實(shí)質(zhì)為webview與canvas的兼容問題边翁。
解決：系統(tǒng)的webview有瀏覽器兼容問題，低端Android的webview有很多新語(yǔ)法都不支持硕盹，可使用x5可以拉齊webview內(nèi)核符匾。

2. webview的內(nèi)核變遷及比較

Android中的WebView組件，內(nèi)存泄漏的問題一直沒有非常有效的解決方案：WebView 方案雖然使用成本低瘩例，但是存在著首次加載速度慢啊胶，內(nèi)存占用高等性能問題甸各。

(1) 在Android 4.4之前，Android手機(jī)自帶的WebView（應(yīng)用內(nèi)嵌瀏覽器）使用的是WebKit內(nèi)核焰坪，兼容性和性能都存在很大問題趣倾。
(2) 從Android4.4系統(tǒng)開始Chromium內(nèi)核取代了Webkit內(nèi)核（即webView的底層實(shí)現(xiàn)不一樣了）。
tips：雖然使用Chromium內(nèi)核后性能提升的非常明顯某饰，鑒于Google版本帝的風(fēng)格儒恋，各個(gè)版本之間的運(yùn)行效率參差不齊（安卓?jī)?nèi)置的chrome內(nèi)核在加載網(wǎng)頁(yè)和滾動(dòng)的時(shí)候很卡）；而且即使是chromium內(nèi)核的版本黔漂，也因?yàn)橐紤]兼容以前的版本诫尽，而變得不是那么美好。也正因?yàn)槿绱司媸兀紤]到為了更好的體驗(yàn)牧嫉，以及避免后續(xù)可能帶來的更多麻煩，所以可選擇站在巨人的肩膀上减途，尋找一個(gè)第三方可靠的WebView組件酣藻。
(3) 從Android5.0系統(tǒng)開始，WebView移植成了一個(gè)獨(dú)立的apk鳍置，可以不依賴系統(tǒng)而獨(dú)立存在和更新辽剧，可從網(wǎng)上搜索Android System WebView這個(gè)apk即可下載更新。
tips：升級(jí)webview（安卓5-6）只需要干兩件事墓捻，即① 下載安裝Android System WebView.apk ②修改系統(tǒng)配置的默認(rèn)webview包名抖仅。第一步非常簡(jiǎn)單坊夫，第二步比較復(fù)雜砖第，還要root。安卓7以上直接更新Android System WebView apk即可环凿，無需root梧兼。具體步驟可參考安卓手機(jī)升級(jí)系統(tǒng)webview

拓展：

查看Android手機(jī)自帶瀏覽器內(nèi)核版本（webview版本）、Android 各個(gè)版本W(wǎng)ebView

在Android5+系統(tǒng)智听，可以在不更新Android版本的情況下更新WebView內(nèi)核（即在Android5+系統(tǒng)羽杰，webview支持安裝升級(jí)）：Android升級(jí)webview內(nèi)核、安卓手機(jī)升級(jí)系統(tǒng)webview

3. 第三方WebView組件比較

(1) Crosswalk內(nèi)核：Crosswalk的WebView也是基于Chromium到推，但是為低端考赛、低版本設(shè)備做了良好的適配。crosswalk據(jù)說很強(qiáng)大莉测，但缺點(diǎn)就是會(huì)讓你的APK包增大很多颜骤。我還沒試過，大家可以參考如何輕松搞定Crosswalk之嵌入模式這篇文章捣卤。

Crosswalk的缺陷：crosswalk 打包出來的app特別大忍抽，原本3M的APP也變成了幾十M八孝；APP運(yùn)行一段時(shí)間之后就白屏了（網(wǎng)查白屏原因：應(yīng)該是內(nèi)存占用太多導(dǎo)致的。WKWebView是一個(gè)多進(jìn)程組件鸠项，Network Loading以及UI Rendering在其它進(jìn)程中執(zhí)行干跛。所以UIWebView上當(dāng)內(nèi)存占用太大的時(shí)候，App Process會(huì)crash祟绊；而在WKWebView上當(dāng)總體的內(nèi)存占用比較大的時(shí)候楼入，WebContent Process會(huì)crash，所以就白屏了牧抽。）

(2) 騰訊X5內(nèi)核WebView

拓展：uniapp—webview組件瀏覽器內(nèi)核說明浅辙、uniapp集成 X5 內(nèi)核-作用和局限性

TBS(騰訊瀏覽服務(wù))的優(yōu)勢(shì)

傳統(tǒng)系統(tǒng)內(nèi)核(Webview)存在適配成本高、不安全阎姥、不穩(wěn)定记舆、耗流量、速度慢呼巴、視頻播放差泽腮、文件能力差等問題，這是移動(dòng)應(yīng)用開發(fā)商在進(jìn)行Hybrid App開發(fā)時(shí)普遍面臨的難題衣赶。騰訊瀏覽服務(wù)基于騰訊X5內(nèi)核解決方案（包括內(nèi)核和云服務(wù)）诊赊，能夠有效解決傳統(tǒng)移動(dòng)web技術(shù)面臨的普遍問題，同時(shí)能極大擴(kuò)展應(yīng)用(Hybrid App)內(nèi)瀏覽場(chǎng)景的服務(wù)能力府瞄。

速度快：相比系統(tǒng)webview的網(wǎng)頁(yè)打開速度有30+%的提升碧磅；
省流量：使用云端優(yōu)化技術(shù)使流量節(jié)省20+%；
更安全：安全問題可以在24小時(shí)內(nèi)修復(fù)遵馆；
更穩(wěn)定：經(jīng)過億級(jí)用戶的使用考驗(yàn)鲸郊，CRASH率低于0.15%；
兼容好：無系統(tǒng)內(nèi)核的碎片化問題货邓，更少的兼容性問題秆撮；
體驗(yàn)優(yōu)：支持夜間模式、適屏排版换况、字體設(shè)置等瀏覽增強(qiáng)功能职辨；
功能全：在Html5、ES6上有更完整支持戈二；
更強(qiáng)大：集成強(qiáng)大的視頻播放器舒裤，支持視頻格式遠(yuǎn)多于系統(tǒng)webview；
視頻和文件格式的支持x5內(nèi)核多于系統(tǒng)內(nèi)核
防劫持是x5內(nèi)核的一大亮點(diǎn)

運(yùn)行環(huán)境

手機(jī)ROM版本高于或等于2.2版本
手機(jī)RAM大于500M觉吭，該RAM值通過手機(jī) /proc/meminfo 文件的MemTotal動(dòng)態(tài)獲取
注：如果不滿足上述條件腾供，SDK會(huì)自動(dòng)切換到系統(tǒng)WebView，SDK使用者不用關(guān)心該切換過程。

SDK尺寸指標(biāo)：SDK提供的JAR包約250K

(3) BridgeWebView

結(jié)果：未成功（未能成功加載出Echarts圖表台腥，列表滾動(dòng)效果也沒有宏赘，圖片依然跑偏），不僅在4.4及以下未顯示黎侈，之前能顯示的機(jī)型也不能正常渲染顯示了察署。
可能原因：BridgeWebView主要用于H5和Android通信。本人的項(xiàng)目就單純顯示網(wǎng)頁(yè)峻汉，出于時(shí)間考慮贴汪，既然不能正常顯示Echarts圖表，我就果斷放棄使用該組件了休吠，有興趣的可以研究一下該組件扳埂，可參考 WebView的第三方組件—BridgeWebView的使用

3.2 Android 項(xiàng)目集成騰訊X5瀏覽器內(nèi)核，使用騰訊X5內(nèi)核WebView 替換原生WebView

TBS服務(wù)：由騰訊QQ瀏覽器團(tuán)隊(duì)出品瘤礁。支持“共享X5內(nèi)核模式”和“獨(dú)立下載X5內(nèi)核模式”阳懂。具體可參考TBS騰訊瀏覽服務(wù)。

在TBS騰訊瀏覽服務(wù)官網(wǎng)下載最新SDK柜思，根據(jù)提供的接入文檔在項(xiàng)目中接入SDK岩调。SDK集成和調(diào)用的主要步驟如下：
(1) SDK集成

下載 SDK jar 包放到工程的libs目錄下

SDK導(dǎo)入.png
在 jar 文件上右擊后調(diào)出下拉菜單，點(diǎn)擊 Add As Library... 選項(xiàng)赡盘；選擇 jar 文件添加到的項(xiàng)目并等待Android Studio 進(jìn)行同步号枕；同步完成后項(xiàng)目的gradle文件中多了依賴：implementation files('libs/tbs_sdk_thirdapp_v4.3.0.39_43939_sharewithdownloadwithfile_withoutGame_obfs_20200713_223411.jar')】即說明導(dǎo)入成功

(2) 權(quán)限配置：在AndroidManifest.xml配置文件中聲明相關(guān)權(quán)限（加載騰訊TBS需要一定的權(quán)限，否則會(huì)失斣上怼）

<uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
<uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
<uses-permission android:name="android.permission.ACCESS_WIFI_STATE" />
<uses-permission android:name="android.permission.INTERNET" />
<uses-permission android:name="android.permission.READ_PHONE_STATE" />

(3) 初始化X5WebView

在加載webview之前需要初始化X5WebView葱淳，最好是在Application的onCreate()方法中，調(diào)用X5內(nèi)核的初始化方法QbSdk.initX5Environment(this,null)抛姑，從而提前加載x5替換webview配置赞厕。

package com.example.jackboard;

import android.app.Application;
import android.util.Log;

import com.tencent.smtt.sdk.QbSdk;
import com.tencent.smtt.sdk.TbsListener;

public class APPAplication extends Application {
    @Override
    public void onCreate() {
        // TODO Auto-generated method stub
        super.onCreate();
        initX5WebView();
    }

    /*使用騰訊x5 webview，解決安卓原生wenview不適配不同機(jī)型問題*/
    private void initX5WebView() {

        //搜集本地tbs內(nèi)核信息并上報(bào)服務(wù)器途戒，服務(wù)器返回結(jié)果決定使用哪個(gè)內(nèi)核坑傅。
        QbSdk.PreInitCallback cb = new QbSdk.PreInitCallback() {

            @Override
            public void onViewInitFinished(boolean arg0) {
                // TODO Auto-generated method stub
                //x5內(nèi)核初始化完成的回調(diào)僵驰，為true表示x5內(nèi)核加載成功喷斋，否則表示x5內(nèi)核加載失敗，會(huì)自動(dòng)切換到系統(tǒng)內(nèi)核蒜茴。
                Log.d("onViewInitFinished", " onViewInitFinished is " + arg0);
                if(arg0){
                    Log.d("onViewInitFinished", "騰訊X5內(nèi)核加載成功");
                }else {
                    Log.d("onViewInitFinished", "騰訊X5內(nèi)核加載失敗星爪，使用原生安卓webview");
                }
            }

            @Override
            public void onCoreInitFinished() {
                // TODO Auto-generated method stub
            }
        };
        //x5內(nèi)核初始化接口
        QbSdk.initX5Environment(getApplicationContext(),  cb);
    }
   
}

備注：自定義APPAplication 繼承 Application ，并在配置文件中設(shè)置application標(biāo)簽的name為自定義的 Application（此處即為APPAplication）粉私。

<application
        android:allowBackup="true"
        android:icon="@drawable/jackboard"
        android:label="@string/app_name"
        android:supportsRtl="true"
        android:theme="@style/AppTheme1"
        android:name=".APPAplication">
</application>

(4) 將源碼和XML里的相關(guān)的系統(tǒng)包名和類名替換為SDK里的包名和類名

系統(tǒng)內(nèi)核使用的包名和類名：

package com.example.jackboard;

import android.app.ProgressDialog;
import android.graphics.Bitmap;
import android.os.Bundle;
import android.util.Log;
import android.view.WindowManager;
import android.webkit.WebSettings;
import android.webkit.WebView;
import android.webkit.WebViewClient;
import android.widget.ProgressBar;
import android.widget.Toast;

import androidx.annotation.Nullable;
import androidx.appcompat.app.AppCompatActivity;

public class WebViewNativeActivity extends AppCompatActivity {
    private WebView webView;
    private String url = "http://mes.uchat.com.cn/board/line?deptid=1&name=youchan";//帶Echarts圖表的網(wǎng)址

    private ProgressDialog mProgressDialog;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                WindowManager.LayoutParams.FLAG_FULLSCREEN);//隱藏狀態(tài)欄
        setContentView(R.layout.activity_web_native);

        initViews();
        initData();
    }

    private void initViews() {
        mProgressDialog = new ProgressDialog(this);
        progressBar = new ProgressBar(this);
        webView = (WebView) findViewById(R.id.activity_native_webView);
        Toast.makeText(this,"原生使用系統(tǒng)內(nèi)核",Toast.LENGTH_SHORT).show();
    }

    private void initData() {
        setAttribute(webView);
        setClient();
        webView.loadUrl(url);
    }

    private void setAttribute(WebView webView) {
        WebSettings webSettings = webView.getSettings();
        webSettings.setSavePassword(false);
        webSettings.setSaveFormData(false);
        webSettings.setJavaScriptEnabled(true);//設(shè)置javascript腳本
        webSettings.setSupportZoom(false);//設(shè)置支持縮放
        webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);//設(shè)置緩存
        webSettings.setDomStorageEnabled(true);//設(shè)置適應(yīng)Html5,重點(diǎn)是這個(gè)設(shè)置
    }

    private void setClient(){
        // 設(shè)置WebView的客戶端,則就不會(huì)調(diào)用系統(tǒng)瀏覽器
        webView.setWebViewClient(new WebViewClient(){

            /**
             * 攔截 url 跳轉(zhuǎn),在里邊添加點(diǎn)擊鏈接跳轉(zhuǎn)或者操作
             */
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;//返回true,立即跳轉(zhuǎn);返回false,打開網(wǎng)頁(yè)有延時(shí)
            }

            /**
             * 在開始加載網(wǎng)頁(yè)時(shí)會(huì)回調(diào)
             */
            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);
                mProgressDialog.show();
            }

            /**
             * 在結(jié)束加載網(wǎng)頁(yè)時(shí)會(huì)回調(diào)
             */
            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
                mProgressDialog.hide();
            }
        });
    }
}

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <WebView
        android:id="@+id/activity_native_webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent"/>
</LinearLayout>

x5內(nèi)核使用的包名和類名：

package com.example.jackboard;

import android.annotation.SuppressLint;
import android.app.Activity;
import android.app.ProgressDialog;
import android.graphics.Bitmap;
import android.os.Bundle;
import android.util.Log;
import android.view.View;
import android.view.WindowManager;
import com.tencent.smtt.sdk.WebChromeClient;
import com.tencent.smtt.sdk.WebSettings;
import com.tencent.smtt.sdk.WebView;
import com.tencent.smtt.sdk.WebViewClient;
import android.widget.ProgressBar;
import android.widget.Toast;

import androidx.annotation.Nullable;

public class WebViewActivity extends Activity {

    private WebView webView;
    private String url = "http://mes.uchat.com.cn/board/line?deptid=1&name=youchan";//帶Echarts圖表的網(wǎng)址

    private ProgressDialog mProgressDialog;

    @Override
    protected void onCreate(@Nullable Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                WindowManager.LayoutParams.FLAG_FULLSCREEN);//隱藏狀態(tài)欄
        setContentView(R.layout.activity_web);

        initViews();
        initData();
    }

    private void initViews() {
        mProgressDialog = new ProgressDialog(this);
        progressBar = new ProgressBar(this);
        webView = (WebView)findViewById(R.id.activity_web_webView);
    }

    private void initData() {
        setAttribute(webView);
        setClient();
        webView.loadUrl(url);
    }

    @SuppressLint("SetJavaScriptEnabled")
    private void setAttribute(WebView webView) {
        WebSettings webSettings = webView.getSettings();
        webSettings.setSavePassword(false);
        webSettings.setSaveFormData(false);
        webSettings.setJavaScriptEnabled(true);//設(shè)置javascript腳本
        webSettings.setSupportZoom(false);//設(shè)置支持縮放
        webSettings.setCacheMode(WebSettings.LOAD_CACHE_ELSE_NETWORK);//設(shè)置緩存
        webSettings.setDomStorageEnabled(true);//設(shè)置適應(yīng)Html5,重點(diǎn)是這個(gè)設(shè)置
    }

    private void setClient(){
        // 設(shè)置WebView的客戶端,則就不會(huì)調(diào)用系統(tǒng)瀏覽器
        webView.setWebViewClient(new WebViewClient(){

            /**
             * 攔截 url 跳轉(zhuǎn),在里邊添加點(diǎn)擊鏈接跳轉(zhuǎn)或者操作
             */
            @Override
            public boolean shouldOverrideUrlLoading(WebView view, String url) {
                view.loadUrl(url);
                return true;//返回true,立即跳轉(zhuǎn);返回false,打開網(wǎng)頁(yè)有延時(shí)
            }

            /**
             * 在開始加載網(wǎng)頁(yè)時(shí)會(huì)回調(diào)
             */
            @Override
            public void onPageStarted(WebView view, String url, Bitmap favicon) {
                super.onPageStarted(view, url, favicon);
                mProgressDialog.show();
            }

            /**
             * 在結(jié)束加載網(wǎng)頁(yè)時(shí)會(huì)回調(diào)
             */
            @Override
            public void onPageFinished(WebView view, String url) {
                super.onPageFinished(view, url);
                mProgressDialog.hide();
            }
        });
    }

  
}

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="match_parent"
    android:layout_height="match_parent">
    <com.tencent.smtt.sdk.WebView
        android:id="@+id/activity_web_webView"
        android:layout_width="match_parent"
        android:layout_height="match_parent">
    </com.tencent.smtt.sdk.WebView>

</LinearLayout>

image.png

參考：Android Studio 使用騰訊瀏覽服務(wù)（替換掉系統(tǒng)自帶的WebView）顽腾、開發(fā)指引

常見問題：SDK接入問題、使用騰訊X5內(nèi)核Webview有很多坑

拓展：靜態(tài)集成騰訊TBS X5內(nèi)核WebView，從微信提取新版30M瀏覽器內(nèi)核打包進(jìn)apk

其他： web端生成的帶有echarts圖表的html頁(yè)面抄肖，嵌入在(javaFx)webview中顯示錯(cuò)位問題久信、Android 項(xiàng)目引入騰訊X5內(nèi)核、Android 使用WebView加載含有echarts的頁(yè)面漓摩，截圖不顯示的解決方式

最后編輯于：2020.10.14 09:36:51

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者

人面猴
序言：七十年代末裙士，一起剝皮案震驚了整個(gè)濱河市，隨后出現(xiàn)的幾起案子管毙，更是在濱河造成了極大的恐慌腿椎，老刑警劉巖，帶你破解...
沈念sama閱讀 206,482評(píng)論 6贊 481
死咒
序言：濱河連續(xù)發(fā)生了三起死亡事件夭咬，死亡現(xiàn)場(chǎng)離奇詭異啃炸，居然都是意外死亡，警方通過查閱死者的電腦和手機(jī)卓舵，發(fā)現(xiàn)死者居然都...
沈念sama閱讀 88,377評(píng)論 2贊 382
救了他兩次的神仙讓他今天三更去死
文/潘曉璐我一進(jìn)店門南用，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人掏湾，你說我怎么就攤上這事训枢。” “怎么了忘巧？”我有些...
開封第一講書人閱讀 152,762評(píng)論 0贊 342
道士緝兇錄：失蹤的賣姜人
文/不壞的土叔我叫張陵恒界，是天一觀的道長(zhǎng)。經(jīng)常有香客問我砚嘴，道長(zhǎng)十酣，這世上最難降的妖魔是什么？我笑而不...
開封第一講書人閱讀 55,273評(píng)論 1贊 279
?港島之戀（遺憾婚禮）
正文為了忘掉前任际长，我火速辦了婚禮耸采，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘工育。我一直安慰自己虾宇，他們只是感情好，可當(dāng)我...
茶點(diǎn)故事閱讀 64,289評(píng)論 5贊 373
惡毒庶女頂嫁案：這布局不是一般人想出來的
文/花漫我一把揭開白布如绸。她就那樣靜靜地躺著嘱朽，像睡著了一般。火紅的嫁衣襯著肌膚如雪怔接。梳的紋絲不亂的頭發(fā)上搪泳，一...
開封第一講書人閱讀 49,046評(píng)論 1贊 285
城市分裂傳說
那天，我揣著相機(jī)與錄音扼脐，去河邊找鬼岸军。笑死，一個(gè)胖子當(dāng)著我的面吹牛，可吹牛的內(nèi)容都是我干的艰赞。我是一名探鬼主播佣谐，決...
沈念sama閱讀 38,351評(píng)論 3贊 400
雙鴛鴦連環(huán)套：你想象不到人心有多黑
文/蒼蘭香墨我猛地睜開眼，長(zhǎng)吁一口氣：“原來是場(chǎng)噩夢(mèng)啊……” “哼方妖！你這毒婦竟也來了台谍？” 一聲冷哼從身側(cè)響起，我...
開封第一講書人閱讀 36,988評(píng)論 0贊 259
萬(wàn)榮殺人案實(shí)錄
序言：老撾萬(wàn)榮一對(duì)情侶失蹤吁断，失蹤者是張志新（化名）和其女友劉穎趁蕊，沒想到半個(gè)月后，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體仔役，經(jīng)...
沈念sama閱讀 43,476評(píng)論 1贊 300
?護(hù)林員之死
正文獨(dú)居荒郊野嶺守林人離奇死亡掷伙，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛以下內(nèi)容為張勛視角年9月15日...
茶點(diǎn)故事閱讀 35,948評(píng)論 2贊 324
?白月光啟示錄
正文我和宋清朗相戀三年，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了又兵。大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片任柜。...
茶點(diǎn)故事閱讀 38,064評(píng)論 1贊 333
活死人
序言：一個(gè)原本活蹦亂跳的男人離奇死亡，死狀恐怖沛厨，靈堂內(nèi)的尸體忽然破棺而出宙地，到底是詐尸還是另有隱情，我是刑警寧澤逆皮，帶...
沈念sama閱讀 33,712評(píng)論 4贊 323
?日本核電站爆炸內(nèi)幕
正文年R本政府宣布宅粥，位于F島的核電站，受9級(jí)特大地震影響电谣，放射性物質(zhì)發(fā)生泄漏秽梅。R本人自食惡果不足惜，卻給世界環(huán)境...
茶點(diǎn)故事閱讀 39,261評(píng)論 3贊 307
男人毒藥：我在死后第九天來索命
文/蒙蒙一剿牺、第九天我趴在偏房一處隱蔽的房頂上張望企垦。院中可真熱鬧，春花似錦晒来、人聲如沸钞诡。這莊子的主人今日做“春日...
開封第一講書人閱讀 30,264評(píng)論 0贊 19
一樁弒父案湃崩，背后竟有這般陰謀
文/蒼蘭香墨我抬頭看了看天上的太陽(yáng)荧降。三九已至，卻和暖如春竹习，著一層夾襖步出監(jiān)牢的瞬間誊抛，已是汗流浹背。一陣腳步聲響...
開封第一講書人閱讀 31,486評(píng)論 1贊 262
情欲美人皮
我被黑心中介騙來泰國(guó)打工整陌，沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留，地道東北人。一個(gè)月前我還...
沈念sama閱讀 45,511評(píng)論 2贊 354
代替公主和親
正文我出身青樓泌辫，卻偏偏與公主長(zhǎng)得像随夸，于是被迫代替她去往敵國(guó)和親。傳聞我的和親對(duì)象是個(gè)殘疾皇子震放，可洞房花燭夜當(dāng)晚...
茶點(diǎn)故事閱讀 42,802評(píng)論 2贊 345

混合開發(fā)之原生嵌套h5頁(yè)面（Android的webView組件 與 Echarts 適配問題）

1. webView使用

2. webview的內(nèi)核變遷及比較

3. 第三方WebView組件比較

3.2 Android 項(xiàng)目集成騰訊X5瀏覽器內(nèi)核，使用 騰訊X5內(nèi)核WebView 替換原生WebView

混合開發(fā)之原生嵌套h5頁(yè)面（Android的webView組件與 Echarts 適配問題）

3.2 Android 項(xiàng)目集成騰訊X5瀏覽器內(nèi)核，使用騰訊X5內(nèi)核WebView 替換原生WebView