『壹』 使用eruda、whistle對移動端h5進行真機調試
在H5開發過程中，遇到真機調試需求時，效率不高是常事，尤其是PC模擬器無法復現bug或查看網路請求。早期，我依賴微信開發者工具和alert來獲取信息，但效率低效。後來，接觸並掌握了eruda和whistle，它們在移動端調試上提供了顯著的提升。
Eruda是本地開發和測試環境中便捷的真機調試工具，通過引入js文件並初始化，它簡化了調試過程。例如，可以設置後端環境變數提示開發階段，或在webpack中使用擴展器動態引入文件（注意模板語法和引號使用）。
例如，通過在模板文件中使用環境變數，Eruda允許在控制台查看元素、列印信息和網路請求。
Whistle是基於Node的跨平台web調試代理，其功能豐富，包括查看請求、配置代理和替換線上文件。以下是安裝和配置步驟：
使用Whistle時，可以配置抓包條件，篩選請求，替換或注入文件，以及查看日誌輸出，極大地擴展了調試能力。
雖然我目前對Whistle的使用仍停留在基礎層面，但它們已經顯著提高了移動端H5的調試效率。隨著技術的深入，我將分享更多高級用法。