微信內(nèi)置瀏覽器對(duì)于html5的支持一般,也存在以下系列問(wèn)題:
創(chuàng)新互聯(lián)專(zhuān)注于企業(yè)營(yíng)銷(xiāo)型網(wǎng)站、網(wǎng)站重做改版、海晏網(wǎng)站定制設(shè)計(jì)、自適應(yīng)品牌網(wǎng)站建設(shè)、H5開(kāi)發(fā)、商城建設(shè)、集團(tuán)公司官網(wǎng)建設(shè)、外貿(mào)營(yíng)銷(xiāo)網(wǎng)站建設(shè)、高端網(wǎng)站制作、響應(yīng)式網(wǎng)頁(yè)設(shè)計(jì)等建站業(yè)務(wù),價(jià)格優(yōu)惠性?xún)r(jià)比高,為海晏等各大城市提供網(wǎng)站開(kāi)發(fā)制作服務(wù)。
一. 安卓版微信直接調(diào)用系統(tǒng)瀏覽器內(nèi)核, iOS則是調(diào)用safari, 所以要使用新特性, 只能升級(jí)系統(tǒng)了, 對(duì)于很多老系統(tǒng), 新的特性是沒(méi)法用的, 就連基本的canvas, toDataURL 在4.4 以下是不能導(dǎo)出 image/jpeg 格式的, 直接導(dǎo)出的 png格式, 往往非常大, 好幾百K,。
二. localStorage等, 是可以用, 但是據(jù)說(shuō)有微信退出之后就被清空的問(wèn)題.
三. 據(jù) Sencha 項(xiàng)目的調(diào)研顯示, 目前最適合 HTML5 項(xiàng)目的是 iOS 平臺(tái),我親測(cè), 確實(shí)如此, 比如一個(gè)基本的css3 transition轉(zhuǎn)換做的圖片輪播, iOS上和原生應(yīng)用基本沒(méi)啥區(qū)別, 安卓上則是卡的出奇, 而且安卓在進(jìn)行一些復(fù)雜計(jì)算的時(shí)候,往往很慢, 比如涉及canvas計(jì)算的操作
四. 不好調(diào)試, 安卓上的調(diào)試, 是裝chrome beta 32版 app, 然后結(jié)合桌面chrome通過(guò) USB 開(kāi)啟遠(yuǎn)程調(diào)試, 但是由于兩者的 webkit 版本不同, 調(diào)試的結(jié)果往往不能作為最終參考依據(jù). 說(shuō)實(shí)話(huà)有時(shí)候有問(wèn)題只能靠猜了(看你基本功扎實(shí)與否, 對(duì)css盒模型理解的徹底與否, 對(duì)js 的開(kāi)發(fā)理解的深入與否,都能很大程度上提升你"猜對(duì)"的幾率, 當(dāng)然, 別忘了 try catch 和 alert, 會(huì)發(fā)現(xiàn)你現(xiàn)在真的是愛(ài)上它們了... 安卓上的另一種調(diào)試方式是通過(guò) ADB 過(guò)濾控制臺(tái)日志的方式, 可以追蹤程序錯(cuò)誤, 這個(gè)有些復(fù)雜,我還沒(méi)試過(guò). iOS 也是可以通過(guò) safari進(jìn)行遠(yuǎn)程調(diào)試的, 前提是需要在MAC上進(jìn)行操作, 我沒(méi)有MAC, 沒(méi)試過(guò)。
五. 對(duì)于開(kāi)發(fā), 優(yōu)雅降級(jí)與漸進(jìn)增強(qiáng)將會(huì)是個(gè)很好的理念, 可以 try { 先進(jìn)API} catch(e) { 老舊的實(shí)現(xiàn)方式} 這種方式, 確保在別人刷機(jī)到新ROM之后就還能用舊版實(shí)現(xiàn)方式,(事實(shí)上我沒(méi)有搞, 真是復(fù)雜,很累了每天, 埋了顆雷, 我的4.1 在4.4將會(huì)爆掉, 別告訴我老板...)
六. 用百度目前可能還得不到很多有用的信息, 國(guó)內(nèi)目前HTML5還處于炒概念的階段, 很少有人做一些實(shí)打?qū)嵉氖虑? 別告訴我誰(shuí)用了什么API做了什么花出來(lái)了, 那些API都明擺在那里, 稍微有點(diǎn)編程常識(shí)的都能拿來(lái)用, 關(guān)鍵是一個(gè)實(shí)現(xiàn), 其實(shí)是 一個(gè)API ,外加要修復(fù)9個(gè)bug, 這種方式來(lái)完成的, 只懂那一個(gè) API, 是不夠的,現(xiàn)在。
七. 程序運(yùn)行速度與你腳本和css3使用量成反比, 與網(wǎng)速成正比. 所以, 少用腳本, 簡(jiǎn)化邏輯, 慎用css3, 壓縮圖片, 代碼, 等等, 這些仍然很重要.
八. 會(huì)漸漸發(fā)現(xiàn), 進(jìn)入了另一個(gè) ie6 的世界, 移動(dòng)開(kāi)發(fā)基本是webkit 的天下, 比如我現(xiàn)在, 就沒(méi)考慮過(guò) wp, 當(dāng)然, 這也是基于公司的要求來(lái)的。
九. 有的人把 HTML5 理解為幾個(gè) 背景漸變的圓角陰影按鈕, 如果真是這樣認(rèn)為的話(huà), 那他現(xiàn)在就可以開(kāi)始開(kāi)發(fā)了, 這些基本的支持, 還是有了的。
十, caniuse.com, mobilehtml5.org, google.com, stackoverflow.com, 都是很有用的網(wǎng)站.
如果考慮的范圍只是微信內(nèi)置瀏覽器和手機(jī)上的瀏覽器應(yīng)用(safari、chrome)的話(huà),差不多有幾個(gè)不同點(diǎn)吧:
最突出的差別,前端要注意分享功能!上線(xiàn)之前,每個(gè)頁(yè)面基本都要review一邊分享功能是不是完善的。
微信最近提供了新的接口,所以以后會(huì)有更多與微信貼合緊密的特性。
html5接口上的差異。safari和chrome的話(huà)提供的html5接口會(huì)更多,而微信內(nèi)置瀏覽器的接口比較少,印象最深的是usermedia。前幾天在項(xiàng)目里還發(fā)現(xiàn),微信里固定定位的支持還是不夠好,safari在這點(diǎn)上現(xiàn)在好很多了。所以如果想讓 web 應(yīng)用在微信里體驗(yàn)更好一些的話(huà),iscroll類(lèi)的模塊是免不了的。
微信瀏覽器的兼容性問(wèn)題,在android上比較明顯。印象比較深的是三星的機(jī)型上不支持background-size-cover,必須使用-webkit-background-size才行。小米的輸入框比較難搞。。。
開(kāi)發(fā)、調(diào)試上的問(wèn)題。android chrome比較好,有遠(yuǎn)程調(diào)試功能。微信里面基本木有辦法。遇到棘手的問(wèn)題,一般會(huì)使用modernizr來(lái)做特性檢測(cè),或者使用遠(yuǎn)程log工具調(diào)試。
H5又叫互動(dòng)H5,相當(dāng)于微信上的PPT,主要時(shí)用于品牌方傳播和推廣的載體。
H5是指:在智能手機(jī)可以播放Flash的移動(dòng)端上呈現(xiàn)的,可以達(dá)到Flash效果(如各種動(dòng)畫(huà),互動(dòng))的,用于廣告、營(yíng)銷(xiāo)的,具有酷炫效果的網(wǎng)頁(yè)。
H5從2014年底的初露鋒芒到2015年的全面火爆,再到2016的沉淀,2017年,H5依然是品牌社會(huì)化傳播的首選。H5通俗點(diǎn)就是一種編程語(yǔ)言,H5很早以前就存在,由于微信迅速的崛起,H5語(yǔ)言編寫(xiě)的界面和微信瀏覽器比較兼容,故此H5借助微信也越來(lái)越紅火。
擴(kuò)展資料:
據(jù)統(tǒng)計(jì)2013年全球?qū)⒂?0億手機(jī)瀏覽器支持HTML5,同時(shí)HTML Web開(kāi)發(fā)者數(shù)量將達(dá)到200萬(wàn)。毫無(wú)疑問(wèn),HTML5將成為未來(lái)5-10年內(nèi),移動(dòng)互聯(lián)網(wǎng)領(lǐng)域的主宰者。
據(jù)IDC的調(diào)查報(bào)告統(tǒng)計(jì),截至2012年5月,有79%的移動(dòng)開(kāi)發(fā)商已經(jīng)決定要在其應(yīng)有程序中整合HTML5技術(shù)。
12月,萬(wàn)維網(wǎng)聯(lián)盟宣布已經(jīng)完成對(duì)HTML5標(biāo)準(zhǔn)以及Canvas 2D性能草案的制定,這就意味著開(kāi)發(fā)人員將會(huì)有一個(gè)穩(wěn)定的“計(jì)劃和實(shí)施”目標(biāo)。有很多的文章都在號(hào)召使用HTML5,并大力宣傳它的好處。
從性能角度來(lái)說(shuō),HTML5首先是縮減了HTML文檔,使這件事情變得更簡(jiǎn)單。從用戶(hù)可讀性上說(shuō),原先一大堆東西對(duì)初學(xué)者來(lái)說(shuō),第一次看到這些東西是看不懂的,而HTML5的聲明方式對(duì)用戶(hù)來(lái)說(shuō)顯然更友好一些。
參考資料:百度百科-H5、html5應(yīng)用
支持,因?yàn)樵谖⑿爬飼?huì)與PC渲染有部分差異,css3支持的還可以。是webkit內(nèi)核。
你好。微信內(nèi)置的瀏覽器當(dāng)然是支持Html5的了。微信里有好多使用Html5技術(shù)制作的小游戲,很多企業(yè)也都在搞微信版網(wǎng)站,一般也是基于Html5的了。要是微信內(nèi)置瀏覽器不支持Html5,也就不會(huì)有這些東西了。希望能幫到你。
目前有一個(gè)正在進(jìn)行的微信html5的Web應(yīng)用,從已有的實(shí)踐與測(cè)試來(lái)看,安卓端的微信使用的是一個(gè)自帶的專(zhuān)用瀏覽器,應(yīng)該是一個(gè)精簡(jiǎn)版的qq瀏覽器。然后就造成了我們一系列蛋疼的問(wèn)題,各種不兼容。而ios端的微信無(wú)疑問(wèn)用的是內(nèi)置safari瀏覽器,不管是canvas運(yùn)算還是類(lèi)似todataurl這樣對(duì)運(yùn)算能力要求比較高的API,在上面的實(shí)現(xiàn)都挺流暢的。在這里就想給騰訊一個(gè)差評(píng),qq瀏覽器真心渣,給我們前端工作者造成了這么多麻煩=.
微信內(nèi)置瀏覽器調(diào)用的是手機(jī)系統(tǒng)默認(rèn)瀏覽器,ios和Android系統(tǒng)默認(rèn)瀏覽器都是webkit內(nèi)核,只是對(duì)HTML5和CSS3的支持程度可能不同。因?yàn)闉g覽器只是系統(tǒng)的一部分,因此系統(tǒng)默認(rèn)瀏覽器不會(huì)單獨(dú)升級(jí),對(duì)HTM5、CSS3的支持程度與系統(tǒng)版本有很大關(guān)系。