@ axonpack/expo-devtools (英语)
浏览器风格的 devtools , 生活在您的 React Introduct 或 Expo app 中 .
为设备本身的11个标签按下浮动按钮: 网络 (每个请求,可重复, 以抽搐的方式, 控制台 (每个日志,加上答题的提示), 业绩 (框架费率, 记忆,应用程序被冻结的时刻, 存储 (所有你保存的钥匙), 查询, (中文(简体) ), 导航, (中文(简体) ), 复数, (中文(简体) ), 预览, (中文(简体) ), 崩溃, (中文(简体) ), 国 际 财务报告和审定财务报表 调试。没有桌面调试器,没有电缆,什么都没有 除非你打开它,否则被俘虏了.
文档 • 妇女 快开始 • 妇女 参考文献 • 妇女 升级 • 妇女 更改日志
 |
 |
 |
| 每一次请求都包含在应用程序内浏览器流量中. | 每个日志,都有可以打开和探索的物体. | 帧率、内存和启动,在设备上测量. |
安装
npx expo install @axonpack/expo-devtools react-native-safe-area-context react-native-webview expo-clipboard
这三个是同伴的依赖关系, 所以每个都决定了版本 您的博览会SDK飞船.
设置
把你的应用包在地上 这就是整个设置:没有配置插件,没有 app.json 更改,无
本地密码要写.
import { DevtoolsProvider } from '@axonpack/expo-devtools';
export default function App() {
return (
<DevtoolsProvider config={{ enabled: __DEV__ }}>
<YourApp />
</DevtoolsProvider>
);
}
enabled 这是唯一的大门。 没有补丁 没有记录 没有按钮
引出后,山体可以安全离开.
对于您计算机上的网络标签, 在 React Independent DevTools 中自己的标签中, 添加一行到
metro.config.js数字 :
const { getDefaultConfig } = require('expo/metro-config');
const { withDevtools } = require('@axonpack/expo-devtools/metro');
module.exports = withDevtools(getDefaultConfig(__dirname));
有两件事需要多一点:一个内用浏览器拿走 useDevtoolsWebView 钩子,和
存储标签中不显示任何东西,直到您在 config.storage.adapters,因为
此软件包依赖于没有存储库且无法发现一个库 .
支持将devtools连接到其他软件包. 每个人有自己的入口点,
@axonpack/expo-devtools/support/<name>/v<major>从没有主条目。 一旦你通过一个英寸
supports,它增加了一个标签,一个主题 devtools 命令行工具,和 a useSupport() 钩子
返回软件包的状态. <major> 是它支持的软件包的主要版本。 这个
首先是预览,用于 @axonpack/preview 0.x: (中文(简体) )
import PreviewV0Support from '@axonpack/expo-devtools/support/preview/v0';
<DevtoolsProvider config={{ enabled: __DEV__, supports: [PreviewV0Support.configure(previewConfig)] }}>
其软件包没有安装,或者在另一个主要软件上,一个支持记录了该做什么并显示在它的 选项卡,从不崩溃应用程序。 见 支助。 。 。 .
对于人工智能特工
人工智能代理,或者你,可以读取 从终端记录的devtools: 请求与他们的身体,
日志、崩溃、存储值和其他标签,过滤到它需要的行。 这也可以嘲笑
或屏蔽 URL,从应用程序内部发送请求,调用您交给控制台标签的函数
> 快速进入 console.context,并在预览支持下,切换、下载、更新或删除一个
预览.
npx devtools network --where state=error --since 10m
npx devtools context call store.dispatch '{"type":"cart/clear"}' --yes
它与任何软件包管理器合作, 需要节点22或更新 expo start,并保留所有编辑
你配置的, console.redactKeys 财务报告和审定财务报表 console.redact 对于它读取的内容 context 包含。 CLI 标签列出了每个查询和动作,以及它得到的回复.
与人工智能代理使用 拥有每一个命令,和一个
将片段粘入您的 AGENTS.md 或者说 CLAUDE.md编辑 axonpack
代理技能 您的代理人是否从文档中学习了整个工具 :
npx skills add axonpack/skills。 。 。 .
文档
其它东西都在文件网站上.
| 页次 | 上面写着什么 |
|---|---|
| 快开始 | 设置 Expo 路由器或您自己的出入口, 以及启动器按钮 |
| 指南 | 每分页一个页,每分页结束于无法测量的内容和原因 |
| 与人工智能代理使用 | 从终端读取演示文稿, 并为您的代理阅读片段 |
| 应用程序浏览器 | 抓取一个 <WebView />请求和日志 |
| 反应原生 DevTools | 您计算机上的网络标签, 有沙盒和代码片段 |
| 把它留在生产上 | 什麽 enabled: false 做,什么还在运行 |
| 参考文献 | 每个控件,每个配置选项,每个导出类型 |
| 升级 | 是什么从2.x移动到3.0的 |
| 更改日志 | 每一份出版的新闻稿,也载于 CHANGELOG.md |
本包内同为参考船 REFERENCE.md,用于阅读下线.
示例应用程序
example/ 是一个可运行的 Expo 应用程序,每个标签有一个屏幕,每个按钮的墙壁产生真实
交通、木头、摊位和坠机 它作为工作配置双倍:自定义主题, a
REPL 上下文,所有四个存储适配器都对应真实的 AsyncStorage, MMKV, SecureStore 和 a
记忆 Map,以及 @axonpack/preview 通过其支持设立.
cd example
bun run start # Expo Go / dev client
bun run ios # or: bun run android (full native build)
什么已经建成,什么不是
见 特性列表 对于已经建成的, 平台真正不能做的(为什么) 不假作假),而桌上还放着什么.