liriliri avatar

liriliri/eruda

21.2k 1.4k 344
JavaScript MIT
创建于 10 年前 最后更新 1 年前 +2 stars today

AI 综合评分

59 B 级
代码质量
54
文档质量
61
社区健康
57
项目活跃
64
创新性
52

项目简介

移动端浏览器调试控制台,让手机上的网页开发像桌面一样方便。

项目摘要

主题

Eruda 是一个专为移动端浏览器打造的轻量级开发者工具面板,解决了在手机上调试网页时缺乏 Console、Elements、Network 等核心能力的痛点。

核心分点总结

  1. 即插即用:一行脚本引入,无需构建步骤,立刻在移动端获得完整的控制台体验。
  2. 功能齐全:内置 Console、Elements、Network、Resources、Sources、Info、Snippets 等面板,覆盖日常调试所需。
  3. 高度可定制:支持按需加载插件、自定义面板,甚至通过 API 扩展功能,适应不同项目需求。
  4. 轻量无依赖:纯 JavaScript 实现,体积小,不依赖任何框架,兼容主流移动端浏览器。
  5. 社区生态丰富:拥有众多第三方插件,如 vConsole 风格的主题、性能监控、页面路由等,持续扩展能力边界。

行动指南

  1. 移动端 H5 调试:在开发移动端网页时,直接引入 Eruda 脚本,即可在手机上查看日志、检查 DOM、分析网络请求,大幅提升调试效率。
  2. 快速集成:将 Eruda 作为开发环境的调试工具,通过 URL 参数或本地存储控制其显示,避免影响生产环境。
  3. 插件开发:如果你有特殊调试需求,可以编写自定义面板或插件,利用 Eruda 的扩展机制打造专属调试工具。

金句总述

Eruda 让移动端浏览器拥有了桌面级的调试能力,是前端开发者口袋里的“瑞士军刀”。

故事性收尾

想象一下,你不再需要反复在电脑和手机之间切换,不再对着简陋的 alert 抓狂。只需轻轻一点,一个熟悉的开发者面板浮现在手机屏幕上,Console 里日志流淌,Elements 中节点清晰可见,Network 请求一目了然。调试变得像在桌面上一样自然流畅,你终于可以优雅地驯服移动端那桀骜不驯的页面。

相关项目推荐