網(wǎng)站制作NEWS
傳統(tǒng)的網(wǎng)頁H5和微信H5的區(qū)別是什么
區(qū)別一、運(yùn)行環(huán)境的不同
傳統(tǒng)的網(wǎng)頁H5的頁面運(yùn)行環(huán)境是瀏覽器，包括webview，而微信H5網(wǎng)頁的運(yùn)行環(huán)境并非完整的瀏覽器。
區(qū)別二、是開發(fā)成本的不同
一個(gè)網(wǎng)頁H5web開發(fā)需求時(shí)，開發(fā)工具(vscode、sublimtext、Atom等)，大到前端框架(Angular、react、vue、backbone等)、模塊管理工具(Webpack 、Browserify 等)、任務(wù)管理工具(Grunt、Gulp等)，小到UI庫選擇、接口調(diào)用工具(ajax、Fetch Api等)、瀏覽器兼容性等都要考略。
一個(gè)微信H5的開發(fā)需求時(shí)，微信團(tuán)隊(duì)提供了開發(fā)者工具，并且規(guī)范了開發(fā)標(biāo)準(zhǔn)，前端常見的HTML、CSS變成了微信自定義的WXML、WXSS，WXML中盡管全部是自定義標(biāo)簽，但官方文檔中都有明確的使用介紹，相信上手應(yīng)該是非常容易的。
區(qū)別三、是獲取系統(tǒng)級(jí)權(quán)限的不同
微信H5相對(duì)于網(wǎng)頁HTML5 web應(yīng)用能獲得更多的系統(tǒng)權(quán)限，比如網(wǎng)絡(luò)通信狀態(tài)、數(shù)據(jù)緩存能力等，這些系統(tǒng)級(jí)權(quán)限都可以和微信小程序無縫銜接，而這一點(diǎn)恰巧是HTML5 web應(yīng)用經(jīng)常被詬病的地方，這也是HTML5的大多應(yīng)用場景被定位在業(yè)務(wù)邏輯簡單、功能單一的原因。
區(qū)別四、是應(yīng)用在生產(chǎn)環(huán)境的運(yùn)行流暢度。
無論對(duì)于用戶還是開發(fā)者來說，都是最直觀的感受。當(dāng)HTML5應(yīng)用面對(duì)復(fù)雜的業(yè)務(wù)邏輯或者豐富的頁面交互時(shí)，需要不斷的對(duì)項(xiàng)目優(yōu)化來提升用戶體驗(yàn)。但是由于微信H5運(yùn)行環(huán)境獨(dú)立，但配合微信的解析器最終渲染出來的是原生組件的效果，自然體驗(yàn)上將會(huì)更進(jìn)一步。
多重隨機(jī)標(biāo)簽