from-QQ-提升應用內(nèi)HTML5的開發(fā)和使用體驗

提升應用內(nèi)HTML5

的開發(fā)和使用體驗魏曉海@tencent應用內(nèi)H5開發(fā)的特性與挑戰(zhàn)特性使用系統(tǒng)WebView與Native代碼耦合資源來源不同挑戰(zhàn)Android碎片化問題無法脫離應用調(diào)試調(diào)優(yōu)需要不同的加載策略系統(tǒng)WebView的挑戰(zhàn)CrashNative層的crash無法解決內(nèi)存泄露Native層的內(nèi)存泄露無法解決H5功能手Q音樂說說H5Audio微信理財通SSLSNI擴展支持……應用內(nèi)HTML5開發(fā)調(diào)試的挑戰(zhàn)KitKat+WebView問題只有KitKat+版本上可用需要應用提供調(diào)試版本應用內(nèi)HTML5開發(fā)調(diào)試的挑戰(zhàn)Web頁面與Native代碼的耦合登錄態(tài)的獲取應用登錄Web頁面不需要再次登錄js的注入輔助功能擴展jsAPI接口Web頁面無法脫離應用在瀏覽器中調(diào)試QQ瀏覽器SDKQQ瀏覽器X5內(nèi)核零開發(fā)接入安全穩(wěn)定省流加速體驗優(yōu)化功能增強調(diào)試方便性能調(diào)優(yōu)QQ瀏覽器SDK瀏覽器UIX5內(nèi)核QQ瀏覽器AppAppUISDKWebViewAndroidWebViewWrapperX5WebViewWrapperAndroidWebViewX5WebView零本錢接入android.webkit.WebViewcom.tencent.smtt.sdk.WebViewandroid.webkit.WebViewClientcom.tencent.smtt.sdk.WebViewClientandroid.webkit.WebChromeClientcom.tencent.smtt.sdk.WebChromeClientandroid.webkit.WebSettingscom.tencent.smtt.sdk.WebSettingsandroid.webkit.CookieManagercom.tencent.smtt.sdk.CookieManagerandroid.webkit.CookieSyncManagercom.tencent.smtt.sdk.CookieSyncManagerandroid.webkit.CacheManagercom.tencent.smtt.sdk.CacheManager(deprecated)android.webkit.WebBackForwardListcom.tencent.smtt.sdk.WebBackForwardListandroid.webkit.WebHistoryItemcom.tencent.smtt.sdk.WebHistoryItemAPK包大小僅增加60K應用內(nèi)通過Inspector調(diào)試網(wǎng)頁端安裝QQ瀏覽器Inspector版本PC端運行adbforwardtcp:9222tcp:9222PC端通過Chrome35+訪問localhost:9222熟悉的Inspector界面不限Android版本無需應用修改提供debug設(shè)置直接應用內(nèi)調(diào)試應用內(nèi)HTML5性能調(diào)優(yōu)瀏覽器內(nèi)HTML5性能調(diào)優(yōu)about:tracing應用內(nèi)HTML5性能調(diào)優(yōu)MttTraceEventMttTraceEvent的使用端安裝QQ瀏覽器Trace版本運行應用內(nèi)HTML5應用退出應用通過Chrome查看生成的trace文件分析性能瓶頸優(yōu)化MttTraceEvent不同類型的加載普通網(wǎng)頁〔文字+圖片〕網(wǎng)絡(luò)拉取