eruda README

The project's README from github.com/liriliri/eruda. As one markdown file: README.md.

Eruda

Console for Mobile Browsers.

NPM version Build status Test coverage Downloads License

Demo

Demo

Browse it on your phone: eruda.liriliri.io

Install

You can get it on npm.

npm install eruda --save-dev

Add this script to your page.

<script src="node_modules/eruda/eruda.js"></script>
<script>eruda.init();</script>

It's also available on jsDelivr and cdnjs.

<script src="https://cdn.jsdelivr.net/npm/eruda"></script>
<script>eruda.init();</script>

For more detailed usage instructions, please read the documentation at eruda.liriliri.io!

Third Party

Backers

Contribution

Read Contributing Guide for development setup instructions.

eruda (liriliri/eruda)

Searching Database…

21.2K ·GitHub
这是什么?Eruda 是一个用于移动端浏览器的控制台和开发者工具面板,让你可以像在桌面端使用 Chrome DevTools 一样,在手机上调试网页。
它是独立的应用,还是要嵌入页面中使用的?它是一个 JavaScript 库,把它作为脚本加入网页后,会在页面上叠加一个类似 DevTools 的浮动面板。
我该如何把它添加到我的网站?可以通过 npm 安装,也可以直接在页面中以 script 标签的形式引入 jsDelivr 或 cdnjs 上的文件。
使用它需要什么构建工具或框架吗?不需要,它可以作为普通 script 标签或 npm 包使用,无需任何必需的框架;它基于作者自己的 'licia' 工具库和 'luna' UI 组件构建。
安装之前可以先试用吗?可以,你可以直接在手机上访问在线演示 eruda.liriliri.io 来体验。
有没有用于自动注入或特定框架的相关工具?有:'eruda-android' 可以在 webview 中自动加载 eruda,'eruda-webpack-plugin' 可将其集成到 webpack 构建中,'eruda-vue-devtools' 则为 Vue 添加专门的调试面板。
有哪些相关项目专门处理远程调试?作者还维护着 'chii'(一个远程调试工具)和 'chobitsu'(Chrome DevTools 协议的 JavaScript 实现),它们是独立但相关的项目。
Creator
liriliri
Size
3.5 MB
Stars
21.2K
Age
10y
Commits · 90 Days