HBuilder是DCloud數(shù)字天堂推出的一款支持HTML5的Web開發(fā)IDEHBuilder的編寫用到了JavaCWeb和RubyHBuilder本身主體是由Java編寫它基于Eclipse，所以順其自然地兼容了Eclipse的插件4WebStorm WebStorm是jetbrains。

html5頁(yè)面是和手機(jī)瀏覽器兼容的BootStrap響應(yīng)式開發(fā)開發(fā)手機(jī)端響應(yīng)式布局網(wǎng)站，適合移動(dòng)開發(fā)人員學(xué)習(xí)也就是響應(yīng)式開發(fā)。

正是因?yàn)檫@種強(qiáng)大的兼容性，才使得它在當(dāng)前的開發(fā)界如此受歡迎，也正是因?yàn)檫@種強(qiáng)大的兼容性，才使得手機(jī)應(yīng)用和app更加適用和方便所以更適合手機(jī)app軟件開發(fā)，正好補(bǔ)充了手機(jī)體積小的缺點(diǎn)2HTML5開發(fā)支持的手機(jī)系統(tǒng)有androi。

方案一iScroll v513 設(shè)置momentum true 方案二配置probeType 方案三開啟硬價(jià)加速給scroll元素增加css樣式webkittransformtranslate3d0，0，0方案四判斷手機(jī)版系統(tǒng)版本，應(yīng)用原生CSSoverflowyscroll。

移動(dòng)領(lǐng)域讓html5發(fā)揮了價(jià)值，html5cssjs在pc端和移動(dòng)端是高度一致的，也就是能很好的把pc端的瀏覽形態(tài)嫁接到移動(dòng)端phonegap等工具可以很好的考慮操作系統(tǒng)的兼容問(wèn)題，就能在多平臺(tái)開發(fā)，一次開發(fā)全部搞定，這樣成本，時(shí)間大。

1基于HTML5的工具網(wǎng)站功能較強(qiáng)大，單頁(yè)面的操作性較強(qiáng)，可完成各種頁(yè)面交互效果但是某些時(shí)候會(huì)有操作“失靈”的現(xiàn)象，如上傳圖片失敗，點(diǎn)擊保存失敗，生成失敗等原因你懂得~2手機(jī)工具APP相比起工具網(wǎng)站來(lái)講，顯得比較順手。

1框架PhoneGap官網(wǎng)簡(jiǎn)介PhoneGap是一個(gè)用基于HTML，CSS和JavaScript的，創(chuàng)建移動(dòng)跨平臺(tái)移動(dòng)應(yīng)用程序的快速開發(fā)平臺(tái)它使開發(fā)者能夠利用iPhone，Android，Palm，Symbian，WP7，WP8，Bada和Blackberry智能手機(jī)的核心功能包括。

目前，支持Html5的瀏覽器包括Firefox火狐瀏覽器IE9及其更高版本Chrome谷歌瀏覽器SafariOpera等國(guó)內(nèi)的傲游瀏覽器Maxthon以及基于IE或ChromiumChrome的工程版或稱實(shí)驗(yàn)版所推出的360瀏覽器搜狗瀏覽器。

HTML5為什么如此受歡迎主要因?yàn)樗旧淼膬?yōu)勢(shì)HTML5的主要優(yōu)勢(shì)如下1基于HTML5強(qiáng)大的兼容性因?yàn)镠TML5提供了前所未有的數(shù)據(jù)與應(yīng)用接入開放接口，使外部應(yīng)用可以直接與瀏覽器內(nèi)部的數(shù)據(jù)直接相連，例如視頻影音可直接與。

題主是否想詢問(wèn)“釘釘h5不兼容的原因是什么”釘釘h5不兼容是因?yàn)槭謾C(jī)系統(tǒng)版本問(wèn)題導(dǎo)致的根據(jù)查詢相關(guān)公開信息顯示，因?yàn)橄到y(tǒng)確實(shí)不支持，也就是說(shuō)下載錯(cuò)了版本如果是xp或者是更低的系統(tǒng)，一般是不支持的，當(dāng)然也有可能是。

Ionic主要關(guān)注外觀和體驗(yàn)，以及和你的應(yīng)用程序的UI交互，特別適合用于基于Hybird模式的HTML5移動(dòng)應(yīng)用程序開發(fā)Ionic是一個(gè)輕量的手機(jī)UI庫(kù)，具有速度快，界面現(xiàn)代化美觀等特點(diǎn)為了解決其他一些UI庫(kù)在手機(jī)上運(yùn)行緩慢的問(wèn)題。

JavaScript引擎的構(gòu)建方法讓制作手機(jī)網(wǎng)頁(yè)游戲成為可能由于界面層很復(fù)雜，已預(yù)訂了一個(gè)UI工具包去使用純HTML5手機(jī)應(yīng)用運(yùn)行緩慢并錯(cuò)漏百出，但優(yōu)化后的效果會(huì)好轉(zhuǎn)盡管不是很多人愿意去做這樣的優(yōu)化，但依然可以去嘗試HTML。

3mobile兼容性1參考資料 getUserMedia API的兩個(gè)使用案例2在線測(cè)試 在線實(shí)例DEMO 實(shí)測(cè)在Android和IOS效果還是都不好3兼容性1說(shuō)明通過(guò)Camera API，可以使用手機(jī)的攝像頭拍照，然后把拍到的照片發(fā)。

3如果你想要實(shí)現(xiàn)完美適配，可以做三個(gè)設(shè)備，寬度均為640，高度可設(shè)置為1040iPhone6 plus1008iPhone5s和大部分Android手機(jī)832iPhone4s1HTML5的設(shè)計(jì)目的是為了在移動(dòng)設(shè)備上支持多媒體新的語(yǔ)法特征被。

谷歌瀏覽器，F(xiàn)12調(diào)試，按手機(jī)小圖標(biāo)，就可以模擬移動(dòng)端界面進(jìn)行調(diào)試了。

用以下代碼開頭lt！DOCTYPE HTMLlthtmlltheadltmeta charset=quotutf8quotltmeta name=quotviewportquot content=quotwidth=devicewidth， initialscale=1quot 使用百分比定義寬度CSS代碼可以適當(dāng)使用media only screen and max。