導航:首頁 > 軟體資訊 > h5項目如何兼容app多版本

h5項目如何兼容app多版本

發布時間:2022-05-12 08:05:08

㈠ h5頁面怎麼針對安卓和蘋果開發

移動應用程序(App)和HTML5都是目前最火的技術,二者之間也有不少重疊之處。在移動設備瀏覽器里運行的html5的web頁面,也可以重新打包成不同平台上運行的app。目前很多瀏覽器都有很好的跨平台支持,(譯註:firefox居然可以在android中使用和windows下同樣的瀏覽器內核),HTML5的web方案,對開發者來說更為方便。完成一次,即可多平台使用

㈡ h5做app和原生app有什麼區別

原生app和h5做的app的區別:
1、開發方面的區別

目前React Native開發越來越火,微信小程序是基於React Native開發的,體驗接近原生APP,發展前景值得重視。不過好在現在非原生APP同樣可以調用藍牙、相機等硬體,也能順利發布到蘋果APP store。
移動Web App
1、因為運行在移動設備的瀏覽器上,所以只需要一個開發項目
2、這種應用可以使用HTML5,CSS3以及JavaScript以及伺服器端語言來完成(PHP,Ruby on Rails,Python)
3、這里可沒有標準的SDK,基本任意選擇別忘了有一些跨平台的開發工具,比如PhoneGap, Sencha Touch 2以及Appcelerator Titanium等等。
原生App
1、每一種移動操作系統都需要獨立的開發項目
2、每種平台都需要獨立的開發語言。Java(Android), Objective-C(iOS)以及Visual C++(Windows phone)等等
3、需要使用各自的軟體開發包,開發工具以及各自的控制項
2、能力方面的區別
移動Web App
只能使用有限的移動硬體設備功能。
原生App
能夠與移動硬體設備的底層功能,比如個人信息,攝像頭以及重力加速器等等。對於這一點感觸很深刻,2016年做新年H5營銷小活動的時候,就是因為沒有考慮到H5不能使用移動硬體端重力加速器而導致臨時替換設計方案。
3、獲取方法的區別
移動Web App
1、從移動設備上的瀏覽器訪問
2、不需要安裝額外的軟體
3、軟體更新只需要伺服器就夠了
4、因為現在沒有什麼商品或賣場提供這種App,不過一般都是嵌套在系統內部,或者內部系 統中使用
5、跨平台開發,用戶不需要去賣場來下載安裝App
6、需要過度依賴網路,沒有任何緩存數據
7、任何時候都可以發布App,因為根本不需要官方賣場的審核
8、如果你已經有了一個Web App,你可以使用 responsive web design來輔助改進
9、所有的用戶都是用同樣的版本
原生App
1、直接下載到設備
2、以獨立的應用程序運行(並不需要瀏覽器)
3、用戶必須手動去下載並安裝這些原生App
4、有一些商店與賣場來幫助用戶尋找你的App,app store裡面應有盡有。
5、原生型APP應用的安裝包相對較大,包含UI元素、數據內容、邏輯框架;
6、手機用戶無法上網也可訪問APP應用中以前下載的數據。
7、原生型的APP可以調用手機終端的硬體設備(語音、攝像頭、簡訊、GPS、藍牙、重力感應等)
8、APP應用更新新功能,涉及到每次要向各個應用商店進行提交審核。
9、用戶可以自由地選擇是否更新軟體版本,所以會出現不同用戶同時使用不同版本的情況
如果企業選擇商領雲進行定製開發原生app,需要單獨開發兩套系統即ios和安卓系統。如果是通過商領雲的在線製作app,則可以同時生成ios和安卓系統的app,並且還可以製作小程序、移動網站和微商城,非常方便,而且價格也只需幾萬左右,具體需要看功能需求。

㈢ 原生app嵌入h5頁面,怎麼實現不升級app更新H5頁面的CSS

要native另做一個同步功能了。若native開啟緩存,web靜態資源非覆蓋式發布,既能享受類似本地的快感,還能做到及時更新。

補充:

  1. 在靜態伺服器新建一個文本或json文件,裡面寫好版本號,版本號任意,要更新的時候就去改這個版本號。

  2. native每次或定時去拉這個文件,並將版本號存在本地,以後拉取時比對本地版本號,有變化則重新拉取靜態資源到本地。

更好的方法:

靜態文件打包時生成改動文件映射表,這個表只有已經改動的文件名稱或地址,native每次拉取這個映射表,發現有改動文件則只拉取改動文件。

㈣ H5實現APP和原生方式有多大差距,多少坑

H5開發的web APP和原生APP的區別有以下幾個方面:
一、開發方面
原生App
⊙ 每一種移動操作系統都需要獨立的開發項目
⊙ 每種平台都需要獨立的開發語言。Java(Android), Objective-C(iOS)以及Visual C++(Windows Mobile)等等
⊙ 需要使用各自的軟體開發包,開發工具以及各自的控制項

移動Web App
⊙ 因為運行在移動設備的瀏覽器上,所以只需要一個開發項目
⊙ 這種應用可以使用HTML5,CSS3以及JavaScript以及伺服器端語言來完成(PHP,Ruby on Rails,Python)
⊙ 這里可沒有標準的SDK,基本任意選擇別忘了有一些跨平台的開發工具,比如PhoneGap, Sencha Touch 2,APPcan以及Appcelerator Titanium等等。

二、能力方面
原生App
⊙ 能夠與移動硬體設備的底層功能,比如個人信息,攝像頭以及重力加速器等等

移動Web App
⊙ 只能使用有限的移動硬體設備功能。

三、獲取方法
原生App
⊙ 直接下載到設備
⊙ 以獨立的應用程序運行(並不需要瀏覽器)
⊙ 用戶必須手動去下載並安裝這些原生App
⊙ 有一些商店與賣場來幫助用戶尋找你的App,目前app市場不計其數

移動Web App
⊙ 從移動設備上的瀏覽器訪問
⊙ 不需要安裝額外的軟體
⊙ 軟體更新只需要伺服器就夠了
⊙ 因為現在沒有什麼商品或賣場提供這種App,所以如何搜索這些移動Web App相當不簡單。

四、版本控制
原生App
⊙ 用戶可以自由地選擇是否更新軟體版本,所以會出現不同用戶同時使用不同版本的情況

移動Web App
⊙ 所有的用戶都是用同樣的版本

五、優勢
原生App

⊙ 比移動Web App運行快
⊙ 一些商店與賣場會幫助用戶尋找原生App
⊙ 官方賣場的應用審核流程會保證讓用戶得到高質量以及安全的App
⊙ 官方會發布很多開發工具或者人工支持來幫助你的開發

移動Web App
⊙ 跨平台開發
⊙ 用戶不需要去賣場來下載安裝App
⊙ 任何時候都可以發布App,因為根本不需要官方賣場的審核
⊙ 如果你已經有了一個Web App,你可以使用 responsive web design來輔助改進

六、缺陷
原生App
⊙ 開發成本高,尤其是當需要多種移動設備來測試時
⊙ 因為是不同的開發語言,所以開發,維護成本也高
⊙ 因為用戶使用的App版本不同,所以你維護起來很困難
⊙ 官方賣場審核流程復雜且慢,會嚴重影響你的發布進程

移動Web App
⊙ 無法使用很多移動硬體設備的獨特功能
⊙ 要同時支持多種移動設備的瀏覽器讓開發維護的成本也不低
⊙ 如果用戶使用更多的新型瀏覽器,那問題就更不好處理了
⊙ 對於用戶來說,這種App很難被用戶發現

㈤ 用H5做了個APP,現在有個H5樣式問題,要在安卓,iOS手機上顯示不同樣式。

用$_SESSION裡面的值獲取設備類型,好像是這個來,反正可以判斷

㈥ H5混合開發app如何升級的方法

當我們的app開發完成之後,無可避免的以後會進行產品升級,那麼我們希望在客戶的手機上讓app進行自動升級,可以分為自動升級和手動升級。
自動升級:一般在客戶app第一次打開首頁的時候。
手動升級:在app界面提供一個升級的入口。

㈦ h5 開發關於ios兼容問題

這不是兼容問題,是你的樣式問題吧。
html:
<div class="div-box">
<div class="div">
<p class="con">我是內容</p>
</div>
</div>
css:
* { margin: 0; padding: 0; }
.div-box { width: 500px; height: 250px; overflow: hidden; }
.div { width: 530px; height: 250px; overflow-y: auto; }
.con { height: 898px; text-align: center; background-color: #f5f5f5; }
試試這樣呢

㈧ 如何解決HTML5在實際應用中的兼容性問題

1.可以通過個人pc固定的瀏覽器,這些瀏覽器都有自身的內核,可以強制性的使用。就不存在兼容性問題。這種辦法一般可以用在辦公室的場景。但是在巨大的瀏覽器市場裡面,想要約束或者強制網民使用某一款瀏覽器是做不到的,這樣子指揮帶給客戶非常不好的印象和丟失一大批的客戶。
對於辦公場景,現在員工使用的網路人數有限,不像普通市民擁有好記憶的網民。因此我們必須花費時間去測試建通和修復這樣的難題。我們應該可以針對於網名做相應的優化。但是在公司辦公的時候,我們應該強制使用具有安全認證的固定瀏覽器,可以減少開發的工作量,還可以防止數據泄露和木馬入侵。達到保障企業數據安全,事半功倍的效果。
3
2.面對不同瀏覽器的兼容問題,所有的H5都是基於框架來開發的。現在行業中主流的UI框架有很多,比如國內的Amaze。基於這些框架來設計網站可以減少大量的兼容瀏覽器的調試工作。很多的UI框架都是具有十分優美的審美觀,還能夠通過網民的習慣和喜好和相應主流的瀏覽器做大量的優化調整。

㈨ app跳h5網路兼容

解釋如下:
說明:通過h5可換醒app,如訪問一個URL,點擊按鈕,打開應用,如果該應用APP沒有安裝,那麼直接跳轉到AppStore的APP下載頁面,通過點擊的方式兼容較好,如果安裝了app,在手機各大瀏覽器(360瀏覽器)和QQ客戶端中,能喚醒。新浪微博客戶端騰訊微博客戶端無法喚醒。
問題詳情描述:
input輸入框游標,在安卓手機上顯示沒有問題,但是在蘋果手機上當點擊輸入的時候,游標的高度和父盒子的高度一樣。例如下圖,左圖是正常所期待的輸入框游標,右邊是ios的input游標。出現原因分析:通常我們習慣用height屬性設置行間的高度和line-height屬性設置行間的距離(行高),當點擊輸入的時候,游標的高度就自動和父盒子的高度一樣了。(谷歌瀏覽器的設計原則,還有一種可能就是當沒有內容的時候游標的高度等於input的line-height的值,當有內容時,游標從input的頂端到文字的底部。

㈩ 安卓系統與ios系統用h5開發有什麼兼容性

都是在web上面,這個就兼容了。就像win或者mac下用瀏覽器打開網路不一樣的道理嗎

閱讀全文

與h5項目如何兼容app多版本相關的資料

熱點內容
無人聲解壓強迫症視頻 瀏覽:569
計算機編譯運行 瀏覽:636
單片機嵌套 瀏覽:986
python字元串中符號 瀏覽:787
python正則表達式貪婪模式 瀏覽:648
愛國精神指的是什麼app 瀏覽:408
壽司解壓系列全集視頻 瀏覽:913
物體三維重建演算法 瀏覽:984
fuli直播app哪個好 瀏覽:918
租辦公室用什麼app 瀏覽:106
醫師定期考核刷題app哪個好 瀏覽:338
導出dmp文件命令 瀏覽:288
手機百度網盤怎麼解壓密碼文件 瀏覽:585
索引重新編譯 瀏覽:606
命令與征服4免cd補丁完美版 瀏覽:428
kotlin編譯為native 瀏覽:142
家用編譯機 瀏覽:552
電子加密貨幣最新政策 瀏覽:383
androidcanvas撤銷 瀏覽:272
安卓手機怎麼把圖標全部下移 瀏覽:188