這篇文章主要介紹了小程序與html5有哪些不同，具有一定借鑒價(jià)值，需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
小程序與 H5 的不同
小程序和 H5 都屬于移動端場景下的技術(shù)選擇方案，那么這里介紹一下小程序與 H5 的不同。
1、運(yùn)行環(huán)境的不同
傳統(tǒng)的 H5 的運(yùn)行環(huán)境是瀏覽器，包括 webview，其中瀏覽器提供 window、document 等 BOM 對象；
小程序的邏輯層和渲染層是分開的，邏輯層運(yùn)行在 JSCore 中，并沒有一個完整的瀏覽器對象，所以缺少相關(guān)的 DOM API 和 BOM API。
2、開發(fā)成本的不同
H5 的開發(fā)，涉及到開發(fā)工具、前端框架、模塊管理工具、任務(wù)管理工具、UI 庫的選擇、接口調(diào)用工具及瀏覽器兼容性等；
小程序的開發(fā)，指定環(huán)境的小程序會提供開發(fā)者工具、API 及規(guī)范的開發(fā)標(biāo)準(zhǔn)。由于小程序是跑在指定的環(huán)境下的，同時(shí) API 是指定環(huán)境下提供的，所以不用考慮瀏覽器的兼容性。
在 H5 開發(fā)中，前端常用的 HTML/CSS 在不同的小程序中都有指定的文件標(biāo)準(zhǔn)。例如：
在微信小程序中使用 WXML/WXSS；
在支付寶小程序、釘釘 E 應(yīng)用中使用 AXML/ACSS；
在百度智能小程序中使用 SWAN/CSS；
......
開發(fā)規(guī)范在指定的官方文檔中都會有明確的使用介紹，使用方法與原來 H5 的開發(fā)大同小異，所以上手開發(fā)相對容易。
3、使用體驗(yàn)的不同
H5 頁面需要在瀏覽器中渲染，在復(fù)雜的業(yè)務(wù)邏輯或者豐富的頁面交互時(shí)會有卡頓情況；
小程序除首次使用略慢，頁面切換及跳轉(zhuǎn)等非常順滑，接近 Native。
通過以上幾點(diǎn)小程序和 H5 的不同的介紹，我們可以發(fā)現(xiàn)原來針對 H5 頁面的監(jiān)控?zé)o法直接監(jiān)控小程序；同時(shí)由于小程序封閉性較強(qiáng)，不同的小程序在標(biāo)準(zhǔn)上也略有不同，如微信小程序、支付寶小程序及釘釘 E 應(yīng)用等等小程序在使用標(biāo)準(zhǔn)及開放的 API 方面也會有一些差異，所以針對小程序的監(jiān)控與針對 Web 應(yīng)用的監(jiān)控會有所不同。
小程序監(jiān)控的現(xiàn)狀
現(xiàn)在針對小程序監(jiān)控的大概分為以下幾類：
1、小程序的數(shù)據(jù)統(tǒng)計(jì)分析，助力小程序運(yùn)營
相關(guān)產(chǎn)品: 微信小程序助手、阿拉丁小程序統(tǒng)計(jì)平臺等；
特點(diǎn)：大部分是針對微信小程序提供相應(yīng)的數(shù)據(jù)統(tǒng)計(jì)分析能力，從多維度分析小程序相關(guān)用戶數(shù)據(jù)，適用于小程序運(yùn)營，但缺乏對于用戶體驗(yàn)，小程序性能的監(jiān)控。
2、小程序錯誤監(jiān)控
相關(guān)產(chǎn)品: FunDebug 等；
特點(diǎn)：監(jiān)控小程序使用戶出現(xiàn)的錯誤，幫助開發(fā)者發(fā)現(xiàn)并解決小程序錯誤，但缺乏對于小程序全局性能的監(jiān)控，對于緩慢請求，緩慢頁面沒法監(jiān)測。
3、小程序性能監(jiān)控
相關(guān)產(chǎn)品: FrontJS、聽云小程序監(jiān)控等；
特點(diǎn)：主要提供性能相關(guān)數(shù)據(jù)，包括 JS 錯誤、網(wǎng)絡(luò)請求響應(yīng)情況等。但是只支持微信小程序，而且沒有辦法把小程序的性能與后臺應(yīng)用的性能關(guān)聯(lián)起來，沒法形成端到端的監(jiān)控。
通過上面對現(xiàn)有的小程序監(jiān)控產(chǎn)品分析，存在以下問題：
無法支持所有的小程序監(jiān)控，主要支持微信小程序；
支持多類小程序監(jiān)控的產(chǎn)品，提供的小程序相關(guān)數(shù)據(jù)較少，主要集中在錯誤監(jiān)控；
沒有后臺應(yīng)用服務(wù)的性能監(jiān)控，無法從小程序上的性能問題追溯到后臺應(yīng)用代碼和數(shù)據(jù)庫，無法形成端到端的監(jiān)控。
基于以上情況，阿里云 ARMS 前端監(jiān)控重磅推出小程序監(jiān)控，旨在幫助端到端的快速定位小程序問題，提升小程序的用戶體驗(yàn)。
小程序監(jiān)控提供的能力
阿里云 ARMS 前端監(jiān)控此次重點(diǎn)推出的小程序監(jiān)控有以下特點(diǎn)：
1、覆蓋各類符合標(biāo)準(zhǔn)規(guī)范的小程序
首先解釋一下這里所說的"標(biāo)準(zhǔn)規(guī)范的小程序"，即包含 App 和 Page 兩層:
App 用來描述整體程序，包含: onError 事件；
Page 用來描述各個頁面，包含: onShow、onHide、onUnload 事件。
小程序的運(yùn)行環(huán)境依賴于對應(yīng)的客戶端，各類小程序的 DSL 設(shè)計(jì)看起來很像，但細(xì)節(jié)上的差別還是比較多，并且已有了分化的趨勢。在這種情況下，阿里云 ARMS 前端監(jiān)控為了更好的支持小程序的監(jiān)控訴求，提供以下小程序監(jiān)控的場景：
微信小程序 支付寶小程序 釘釘 E 應(yīng)用 其他類別小程序
由于小程序發(fā)展迅速，現(xiàn)在無法針對各類小程序都提供對應(yīng)的監(jiān)控 SDK，所以不屬于微信小程序、支付寶小程序和釘釘 E 應(yīng)用的小程序可選擇其他類別小程序的場景接入進(jìn)行監(jiān)控，但要滿足上面說的"標(biāo)準(zhǔn)規(guī)范的小程序"前提，同時(shí)支持 npm 包。
2、完善的性能監(jiān)控指標(biāo)
基礎(chǔ)業(yè)務(wù)指標(biāo)，幫助了解小程序應(yīng)用的使用情況：
應(yīng)用總 PV/UV
頁面維度的 PV/UV
小程序各維度指標(biāo)：
手機(jī)型號
操作系統(tǒng)版本
微信 / 支付寶等相應(yīng)的 APP 版本
網(wǎng)絡(luò)等
JS 錯誤分析：
JS 錯誤率、錯誤聚類、JS 錯誤堆棧及錯誤定位等
API 請求追蹤：
API 請求成功率、API 請求耗時(shí)及 API 請求的鏈路追蹤
自定義事件統(tǒng)計(jì)
支持業(yè)務(wù)上自定義事件 sum/avg 統(tǒng)計(jì)
3、可通過配置選擇上報(bào)方式
由于業(yè)務(wù)方使用監(jiān)控的訴求不同，我們不僅支持優(yōu)雅的靜默數(shù)據(jù)上報(bào)，也支持使用開放的統(tǒng)計(jì)能力進(jìn)行自定義上報(bào)。
感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享小程序與html5有哪些不同內(nèi)容對大家有幫助，同時(shí)也希望大家多多支持創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道，遇到問題就找創(chuàng)新互聯(lián)網(wǎng)站建設(shè)公司，，詳細(xì)的解決方法等著你來學(xué)習(xí)!
重慶分公司
重慶分公司
