六项能力，把桌面级调试搬进手机
不是把浏览器"缩小"，而是按移动端的输入方式与屏幕形态重新设计的一套开发者工具链。
DevTools 八面板
元素、控制台、源码、网络、性能、存储、模拟与 AI 全部就位，手机上完整可用，不是阉割版。
AI 网页助手
选中的元素、网络请求、控制台报错都能直接带进上下文；回答按 Markdown 渲染，代码块原样可读。
多窗口保活
每个窗口对应一个独立离屏 Web 实例，来回切换即回原处，不会因为切走而重新加载页面。
折叠屏双形态
折叠态 360×810、展开态 720×810 两套画布；切换形态只改容器尺寸，页面与调试状态都不重建。
请求覆写与用户脚本
把线上资源指向本地文件做联调，无需改动服务器；也可以按站点注入自定义 JS / CSS 改写页面行为。
可控的隐私与网络
广告与追踪域名拦截、无图模式、证书链逐级查看、Cookie 与浏览数据一键清除，数据留在本机。
你熟悉的八面板，一个都没少
工作流沿用桌面浏览器的直觉：唤起面板、选中目标、当场验证。区别只在于它跑在手机上。
DOM 树逐级查看与选中，配样式、盒模型与计算值。
实时日志按窗口独立缓冲，错误与警告分别着色。
查看页面加载的脚本，配合用户脚本做验证。
请求列表与瀑布视图，状态码、耗时、体积一眼可见。
页面加载与渲染的关键指标，定位卡顿的第一现场。
localStorage、sessionStorage、Cookie、IndexedDB 与 Cache Storage。
九款内置机型加自定义视口，浏览器标识随设备联动。
面板内的定点提问与自由多轮对话，共用同一套上下文。
界面一览
首页、调试台、AI 助手、窗口管理与设置，全部按折叠态 360vp 宽度设计，展开态自动放宽。
浏览器该有的自由度
日常浏览用不到，但一旦你在手机上做前端，这些开关就是省下一趟开电脑的路程。
- 请求覆写：把线上 JS / CSS / 图片指向本地文件，改完即生效，服务端不用动。
- 用户脚本：按站点注入自定义 JS 与样式，把常用页面改成顺手的样子。
- 设备模拟：九款内置机型可直接切换视口与浏览器标识，也可自定义参数。
- 证书与隐私：证书链逐级可查，广告与追踪域名可拦，浏览数据一键清除。
相比常规手机浏览器，差别在哪
日常浏览两者的差距并不明显；真正拉开距离的场景是"我需要在这一页上查出点什么"。
| 能力 | CodingBrowser | 常规手机浏览器 |
|---|---|---|
| 前端调试面板 | ✓ 八个面板，移动端完整可用 | — 无，或仅开发者模式日志 |
| 面板摆放方式 | ✓ 浮层 / 上下分屏 / 左右分屏 | — 不支持 |
| AI 网页助手 | ✓ 可携带 DOM、网络与报错上下文 | — 无 |
| 多窗口 | ✓ 独立离屏常驻，切换不重载 | 页签切换常触发重新加载 |
| 折叠屏适配 | ✓ 折叠与展开双画布 | 跟随系统拉伸 |
| 请求覆写 | ✓ 支持把线上资源指向本地文件 | — 无 |
| 用户脚本 | ✓ 按站点注入 JS / CSS | — 无 |
| 设备模拟 | ✓ 九款内置机型加自定义 | — 无 |
| 广告与追踪拦截 | ✓ 域名级拦截，规则可维护 | 部分机型内置 |
| 整页长截图 | ✓ 网页整页截图并保存相册 | 部分机型内置 |
常见问题
需要自己申请 AI 的密钥吗？
不需要。应用内置了可用的免密钥通道，开箱即可提问；如果你有自己的密钥，也可以在配置页填入使用。
支持哪些设备？
HarmonyOS 手机与平板。折叠屏机型做了折叠态与展开态的双画布适配，展开后 DevTools 自动切换为左右分屏。
浏览数据会上传吗？
书签、历史、Cookie 与设置都存在本机。只有在你自己发起 AI 提问时，当前页面的相关上下文才会被发送。
调试功能需要额外配置吗？
不需要。打开 DevTools 面板即可使用，网络与性能数据在页面加载时自动采集，无需改动被测页面。