『壹』 使用eruda、whistle对移动端h5进行真机调试
在H5开发过程中，遇到真机调试需求时，效率不高是常事，尤其是PC模拟器无法复现bug或查看网络请求。早期，我依赖微信开发者工具和alert来获取信息，但效率低效。后来，接触并掌握了eruda和whistle，它们在移动端调试上提供了显著的提升。
Eruda是本地开发和测试环境中便捷的真机调试工具，通过引入js文件并初始化，它简化了调试过程。例如，可以设置后端环境变量提示开发阶段，或在webpack中使用扩展器动态引入文件（注意模板语法和引号使用）。
例如，通过在模板文件中使用环境变量，Eruda允许在控制台查看元素、打印信息和网络请求。
Whistle是基于Node的跨平台web调试代理，其功能丰富，包括查看请求、配置代理和替换线上文件。以下是安装和配置步骤：
使用Whistle时，可以配置抓包条件，筛选请求，替换或注入文件，以及查看日志输出，极大地扩展了调试能力。
虽然我目前对Whistle的使用仍停留在基础层面，但它们已经显著提高了移动端H5的调试效率。随着技术的深入，我将分享更多高级用法。