其他面板
除了控制台与网络这两大重点面板，eruda-plus 还保留了 eruda 的全部基础面板，并逐一做了 DevTools 对齐与双语化。本页快速介绍它们的能力边界与常用技巧，帮助你建立完整的心智地图。
Elements 元素
元素面板用于查看与检查页面的 DOM 结构与样式。树状视图支持折叠展开、节点高亮与属性编辑；顶部搜索条支持两种查询方式——按文本内容搜索，或直接输入 CSS 选择器定位节点。节点右键（长按）菜单提供「复制选择器」与「复制 XPath」，便于在自动化脚本中引用。
样式视图展示选中节点的全部规则来源，包括内联样式、样式表规则与计算样式。设置中的「捕获事件监听器」开关开启后，还能查看节点上绑定的所有事件监听。
Resources 资源
资源面板聚合了页面的存储与框架信息：
- Local Storage / Session Storage：以键值表格展示，支持新增、编辑与删除条目。
- Cookie：列出当前域下全部 Cookie 的名称、值、域、路径、过期时间等字段。
- 框架（iframe）：枚举页面内所有 iframe 的地址，点击可查看各框架的独立资源。
所有表头与操作按钮均已翻译，「键/值」「名称」等术语与 DevTools 中文界面保持一致。
Sources 源码
源码面板查看页面的 HTML、脚本与样式源码。左侧资源列表按类型分组，选中后在右侧以带行号的只读视图渲染，长文本自动换行，超大文件自动跳过高亮以保证流畅度。从控制台报错堆栈点击的文件链接也会落到这里，并高亮对应行——它和控制台报错是打通的。
Info 信息
信息面板把运行环境一键摊开：设备型号、屏幕分辨率与像素比、操作系统与浏览器版本、当前页面 URL 与 Referrer、页面加载时间线、时区与语言等。排查「只有某些机型出问题」的场景时，让用户截图这一页通常就能锁定关键环境差异。
Snippets 片段
片段面板内置了一组常用调试脚本，例如「打印所有 Cookie」「禁用所有图片」「显示触摸区域」等，点击即执行。你也可以添加自己的片段并持久化保存，把团队常用的一键检查脚本沉淀下来。
Settings 设置
设置面板是全局行为的控制中枢，按工具分组排列：
- 通用：主题（Light / Dark / 跟随系统）、语言（中文 / English / 跟随系统）、透明度、显示尺寸。
- Console：异步渲染、JS 执行、捕获全局错误、覆写 console、发生错误时自动显示、显示附加信息、对象检查相关开关、保留日志、记录 XMLHttpRequest、最大日志条数。
- Network：禁用 HTTP 缓存（DevTools 同名设置，开启后 fetch/XHR 强制绕过缓存）。
- Sources / Resources / Elements：行号显示、自动刷新、隐藏 eruda 自身请求等。
- 恢复默认：一键清除全部本地配置并刷新。
设置项的修改即时生效并自动持久化，语言切换通过操作回放机制让所有已打开的面板同步更新。
悬浮球 EntryBtn
悬浮球是面板的入口，支持以下交互：单击打开/收起面板；长按拖动调整位置（自动吸附屏幕边缘）；在设置中调节其透明度。面板打开状态下，顶部导航用于切换各工具。