Eruda 是一个专为手机网页前端设计的调试面板,类似于 DevTools。以下是如何在项目中使用 Eruda 的步骤:
安装 Eruda:你可以使用 npm 或 yarn 来安装 Eruda:
npm install eruda
// 或
yarn add eruda
在你的项目中引入 Eruda:在你的主入口文件(如 main.js 或 index.js)中,引入 Eruda 并初始化:
import eruda from 'eruda';
eruda.init();
在手机上打开你的网页:现在,你可以在手机上打开你的网页,然后在页面中看到 Eruda 的调试面板。
请注意,Eruda 应该只在开发和测试环境中使用,在生产环境中,你应该移除 Eruda,以避免暴露敏感信息。你可以通过环境变量来控制是否启用 Eruda:
import eruda from 'eruda';
if (process.env.NODE_ENV === 'development') {
eruda.init();
}