跳到主要内容
MobiDevTools

MobiDevTools EN

Francesco De Stefano · Firefox

DevTools for Firefox on Android and desktop: console, elements, network, sources, Lighthouse-style audits, React, Vue, Angular and Redux/Zustand inspectors. Free, open.

3.9/5 75 人评分 9.2千用户 v4.5.2当前版本
权限提示 该扩展申请访问所有网站(<all_urls>),意味着它可以读取你在任意站点的页面内容,包括已登录的页面。这是许多扩展正常工作的必要条件,但也值得你确认来源可信。

截图

  • MobiDevTools 截图
  • MobiDevTools 截图
  • MobiDevTools 截图
  • MobiDevTools 截图
  • MobiDevTools 截图
  • MobiDevTools 截图
  • MobiDevTools 截图
  • MobiDevTools 截图

简介

Real developer tools on your phone. MobiDevTools adds a full DevTools panel to any page in Firefox for Android — and works just as well on desktop. Tap the toolbar button and inspect, debug and audit the page you are looking at. No computer, no cable, no adb.

Panels

  • Console — every console message, error and promise rejection of the page, captured from the first line (works on strict Content-Security-Policy sites). Expandable objects, autocomplete on the page's real objects, top-level await, $0 / $$ / copy() / inspect(), console.table, %c styles, preserve log.
  • Elements — live DOM tree with element picker; the real matched CSS rules (source file, @media, overridden declarations) editable live; computed styles and box model; addEventListener listeners with the line that added them; CSS Grid and Flexbox overlays; edit as HTML.
  • Network — every request (documents, scripts, CSS, images, fetch/XHR), even those made before you opened the panel. Headers, payload, response body and JSON preview, timings, copy as cURL or fetch(), filters like status:404 or method:post, HAR export.
  • Sources — all files of the page, fast even when huge or minified, one-tap pretty-print, find, snippets, download all sources as .zip. Watch expressions and logpoints.
  • Pharos — Lighthouse-style audits of Performance, Accessibility, Best Practices and SEO, scored 0–100, with the exact elements to fix.
  • React (and Preact), Vue and Angular — component trees, props, state, hooks, signals, Pinia/Vuex/router; edit state live. These tabs appear only on pages that use the framework.
  • State — Redux, Redux Toolkit, Zustand, NgRx and every library that supports Redux DevTools: actions, state, diff, time travel.
  • Application — edit localStorage, sessionStorage and cookies; browse IndexedDB, Cache Storage, manifest, service workers.
  • Performance — FPS, Core Web Vitals (FCP, LCP, INP, CLS), navigation timing, slowest resources.

For developers

Add your own tabs with the plugin API — from an extension file or straight from your web app (window.MobiDevTools.registerPanel). The plugin guide is on the documentation website.

Privacy

Nothing leaves your device: no analytics, no telemetry, no remote code. The panel writes nothing into the sites you inspect, and it runs in an isolated shadow DOM that page scripts cannot read.

Permissions

  • Access your data for all websites — to open the panel on any page you choose.
  • Browser tabs and navigation — to keep the panel open across reloads.
  • Network requests (webRequest) — to show the Network panel; response bodies are read-only and only in tabs where you opened the panel.
  • Storage — your settings, snippets and console history.

Documentation, plugin guide and changelog: https://mobidevtools.sourceforge.io/
Free and open source (MIT): https://sourceforge.net/projects/mobidevtools/

MobiDevTools 是做什么的

MobiDevTools 是一款面向 Firefox 的开发者工具类扩展,主要用来调试页面、查看样式与请求、测试接口、辅助前端开发。官方对它的介绍是:DevTools for Firefox on Android and desktop: console, elements, network, sources, Lighthouse-style audits, React, Vue, Angular and Redux/Zustand inspectors. Free, open.在Firefox 附加组件商店(AMO)上,它当前版本 4.5.2,评分 3.93(75 人评价),约 9,198 名用户。

适合什么人用

从功能定位看,MobiDevTools 更适合前端工程师、测试与需要经常查看页面结构的用户。如果你平时只是偶尔遇到相关需求,用浏览器自带功能也能凑合;但如果这件事每天都发生,装一个专门处理它的扩展通常比手动操作省事得多。需要注意的是它作用于所有网站,装上后建议先观察一两天,确认不影响常用站点的正常使用。

怎么安装 MobiDevTools

  1. 打开Firefox 附加组件商店(AMO)上的官方页面;
  2. 点「添加到浏览器」并确认权限提示;
  3. 装好后在扩展列表里固定图标,方便随时开关。

本站只做索引与介绍,安装包来自官方商店。如果商店页面提示当前地区不可用,说明该扩展未在你所在区域上架。

常见问题

MobiDevTools 是免费的吗?

MobiDevTools 在Firefox 附加组件商店(AMO)免费提供下载。它是浏览器扩展,装上就能直接用,不需要注册账号。

MobiDevTools 安全吗?

它只申请了 0 项权限,范围比较克制,没有申请「读取所有网站数据」这种大权限。

MobiDevTools 支持哪些浏览器?

当前收录的版本来自Firefox 附加组件商店(AMO),适用于 Firefox。同一个扩展在其他商店可能有对应版本,但功能与版本号不一定相同。

怎么卸载 MobiDevTools?

在扩展管理页找到 MobiDevTools,点移除即可。它在本地保存的设置会一起清掉,不会残留数据。

权限清单 来自 manifest.json 原文

站点访问 1

  • <all_urls>

接口权限 5

  • storage
  • tabs
  • webNavigation
  • webRequest
  • webRequestBlocking

接口权限(可选) 1

  • trialML