SuperWebView：系統WebView的增強替代

1月12日，移動應用云服務提供商 APICloud 舉行了新產品發布會，在會上向外界發布了其移動開發解決方案 SuperWebView ，顧名思義，這是一個增強版的WebView，可以替換現有App中的WebView，實現更好的UI性能，并提供原生能力。在會后，APICloud CEO劉鑫接受了媒體的采訪，介紹了關于SuperWebView的更多細節。

WebView是Android和iOS的一種系統組件，能夠加載超鏈接并渲染內容、運行JavaScript腳本。

SuperWebView在系統WebView的基礎上，添加了系統和第三方API，同時將一些性能關鍵的地方在運行時編譯為原生UI，如轉場、導航等，使其兼有Web的靈活和原生的性能。其特性如下：

• 支持Android 2.3+及iOS 7+
• API訪問權限控制管理功能
• Android/iOS與Html5之間事件/數據交互功能
• Web與Native界面直接的混合布局和混合渲染功能
• 加速數據加載、點擊響應和滾動速度
• 常用手勢支持、界面切換動畫
• 訪問資源控制管理功能
• 執行Html5中指定Javascript腳本功能
• 模塊擴展功能，該功能繼承自APICloud終端引擎的模塊擴展能力
• Android&IOS開發中常用的網絡請求框架，緩存管理等工具接口
• 統一的生命周期管理，窗口系統，用戶體驗

SuperWebview整體API開放架構如下圖：

據 官網介紹，SuperWebView SDK能力包括APICloud平臺現有的所有端API，以及包括增量更新、版本管理、數據云、推送云、統計分析、積木式模塊化開發等，以及 APICloud的模塊Store里的第三方API，開發者需要在APICloud后臺選擇要使用的模塊，云端會將其打包進一個定制的SDK，可集成到開 發者現有的App中，也可當作獨立的APP快速開發框架在混合開發中使用。

在將 WebView UI轉換為原生UI組件上，SuperWebView采用的是半翻譯的方式，僅將一部分界面轉換為原生UI，與其對應的React Native是全翻譯。在談到SuperWebView與React Native的比較時，劉鑫表示，React Native的全翻譯需要重新學習和轉換，有一定的門檻，而SuperWebView直接用標準的HTML，門檻相對較小。另外，類似React Native這類移動開發框架在國內有本地化的問題，國內的移動設備特別是Android碎片化問題嚴重，國外框架在開發的時候很少考慮適配問題，而這在 國內是不能不考慮的，SuperWebView在開發時考慮了國內的特點，對諸多機型和系統都做了適配，這也是SuperWebView的優勢之一。

在 發布會上，春秋航空的移動產品總監朱亮作為SuperWebView的內測用戶進行了分享。他表示，對于他們這樣開發能力不是太強的開發者來 說，Hybrid是他們進行移動開發的首選，但Hybrid有嚴重的性能問題，因此像React Native這樣的解決方案一出來就受到廣泛的關注。同時，另一些解決方案無法和現有的產品進行整合，只能推翻重寫，這也是他們不愿意看到 的，SuperWebView提供了SDK，他們只需要進行少量的改寫即可接入，從而改進性能，獲得接近原生應用的性能，這是他們選擇 SuperWebView的原因。

隨著React Native發布以來，Web和移動開發融合的腳步一直在前進，很多人都在探索既具有Web開發的便利，又擁有原生開發的性能的解決方案，這其中涉及到便 利與性能的權衡。SuperWebView在Web開發的基礎上，在部分性能關鍵的地方采用原生UI，又從WebView上找突破口從而兼容已有應用，算 是一個不錯的思路。

目前，SuperWebView已經在官網上線，其文檔也同步上線。另外官方也提供了一些開發工具和插件供開發者下載使用。