<menu id="qscmg"></menu>
<xmp id="qscmg"><nav id="qscmg"></nav>
<nav id="qscmg"><strong id="qscmg"></strong></nav>
<menu id="qscmg"></menu>
<nav id="qscmg"><optgroup id="qscmg"></optgroup></nav>
<xmp id="qscmg"><xmp id="qscmg"><nav id="qscmg"></nav>
<menu id="qscmg"><nav id="qscmg"></nav></menu>
專業 靠譜 的軟件外包伙伴

您的位置:首頁 > 新聞動態 > 原生Web與H5Web網頁開發的優劣分析!

原生Web與H5Web網頁開發的優劣分析!

2017-08-23 14:03:27

 

前些日子,Android原生開發將被取締的吵得火熱,JavaScript是能做一個完全的APP,但只使用JavaScript做出來的APP也不會牛逼到哪里去。很好的是混合(Hybrid)開發,在需要的時候使用JavaScript,各有好處。

原生頁面

優勢:

(1)運行速度比較快

(2)能使用設備的底層功能,如攝像頭、方向傳感器、重力傳感器、撥號、GPS、語音、短信、藍牙等

(3)在界面設計、功能模塊、操作邏輯等層面相較web更易做到App的便捷性和舒適性,功能更加強大

(4)節省流量

劣勢:

(1)不同的操作系統(如Android和iOS)需要獨立的進行開發,使用其各自的開發包、開發工具和控件

(2)每次有更新,都需要重新打包一次發布到應用平臺上,且每次要向各個應用商店進行提交審核。之后用戶需要手動進行點擊更新安裝(安裝成本較高)

(3)開發成本比較高,尤其需要適配各種機型時(如Android應用,需要適配各種Android手機)

H5頁面

優勢:

(1)由于是運行在瀏覽器上,所以只需要開發一次便可以在不同的操作系統上顯示

(2)迭代版本時,不需要打包便可以發布(實時更新、快速迭代),與云端實現實時數據交互

(3)開發成本相對較低,對瀏覽器的適配較簡單,且發布門檻相對較低

劣勢:

(1)每次打開頁面,都得重新加載,獲取數據...

(2)過于依賴網絡,速度無法保證。特別在弱網環境下,不僅耗費流量而且加載緩慢,就算是WiFi情況下也不容樂觀

(3)只能使用有限的設備底層功能(無法使用攝像頭、方向傳感器、重力傳感器、撥號、GPS、語音、短信、藍牙等功能)

(4)仍處于發展階段,部分功能無法在基于現有技術的瀏覽器基礎上實現,且無法全面的顯示最完美的用戶體驗,只能用現有技術去彌去找很好解決方案

分析淘寶中的原生頁面和H5頁面

原生頁面和H5頁面的優劣勢分析

原生頁面和H5頁面的優劣勢分析

原生頁面和H5頁面的優劣勢分析

由上圖得知,是否有底部tab導航欄也無法區別出H5頁面

如下圖是一個原生與webview混排的界面,紅色線框是各控件的繪制邊界,中間那一大塊布局豐富的界面沒有顯示出很多邊界紅色,就是H5實現的。

原生頁面和H5頁面的優劣勢分析

案例:

JS調用Java,將Java中的Json數據顯示在H5界面,點擊調起視頻播放器

原生頁面和H5頁面的優劣勢分析

初始化webView: webview = (WebView) findViewById(R.id.webview);

設置WebSettings:

原生頁面和H5頁面的優劣勢分析

原生頁面和H5頁面的優劣勢分析

javaScript接口的內部類設置如下:

原生頁面和H5頁面的優劣勢分析

(若沒有效果,請將build.gradle 中的targetSdkVersion改為低于19) 因為android4.4以后瀏覽器內核改了,而webView還是使用原來的webkit內核

 

關于:中科研拓

深圳市中科研拓科技有限公司專注提供軟件+硬件結合系統解決方案定制開發服務,其中包括:軟件外包、軟件開發、軟件定制、硬件開發、硬件定制、智能硬件開發、物聯網項目等開發外包服務,通過IT技術實現創造客戶和社會的價值,成為優秀的軟件公司,通過客戶需求導向、開放式創新、卓越運營管理等戰略的實施,全面打造公司的核心競爭力。優秀軟件外包公司、軟件開發公司,聯系電話400-0316-532,郵箱sales@zhongkerd.com,網址www.ruige-europe.com


  上一篇   [返回首頁] [打印] [返回上頁]   下一篇
香蕉97超级碰碰碰免费公开
<menu id="qscmg"></menu>
<xmp id="qscmg"><nav id="qscmg"></nav>
<nav id="qscmg"><strong id="qscmg"></strong></nav>
<menu id="qscmg"></menu>
<nav id="qscmg"><optgroup id="qscmg"></optgroup></nav>
<xmp id="qscmg"><xmp id="qscmg"><nav id="qscmg"></nav>
<menu id="qscmg"><nav id="qscmg"></nav></menu>