• <source id="sqj45"><optgroup id="sqj45"></optgroup></source>
  • <rt id="sqj45"></rt>
    <rt id="sqj45"></rt><rt id="sqj45"></rt>
  • <source id="sqj45"><nav id="sqj45"></nav></source><rt id="sqj45"></rt><rt id="sqj45"></rt><tt id="sqj45"><noscript id="sqj45"></noscript></tt>
    專業 靠譜 的軟件外包伙伴

    您的位置:首頁 > 新聞動態 > 原生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超级碰碰碰免费公开
  • <source id="sqj45"><optgroup id="sqj45"></optgroup></source>
  • <rt id="sqj45"></rt>
    <rt id="sqj45"></rt><rt id="sqj45"></rt>
  • <source id="sqj45"><nav id="sqj45"></nav></source><rt id="sqj45"></rt><rt id="sqj45"></rt><tt id="sqj45"><noscript id="sqj45"></noscript></tt>