debug-phone
v1.1.0
Published
🔧 Debug module for browsers which can Display on page or in Console, for Phone debugging.
Downloads
39
Readme
Debug Phone - 🔧 一个可用于调试手机的调试工具
- 如果你想查看运行效果,可以点击此次查看。
Issues
使用的时候遇到任何问题或有好的建议,请点击进入issue,欢迎参与维护!
本地调试
npm install
首先,你需要安装必要的包,安装好了以后,直接执行下面启动命令:
npm run dev
此刻,在浏览器中打开调试地址即可 localhost:20000
如果你需要发布前打包,执行下面命令完成打包:
npm run build
如何使用
由于是调试工具,实际只应该出现在开发或测试环境中,请直接在index.html中引入即可:
<script src="https://cdn.jsdelivr.net/npm/debug-phone"></script>
如果你想通过npm方式管理,请先安装:
npm install --save-dev debug-phone
安装好以后引入即可:
import 'debug-phone';
如何主动告诉插件打印内容
在有些情况下,比如混合开发,原生的错误我们无法捕获,不过,你可以在合适的地方添加类似如下的语句来实现:
if('debugPhoneConsole' in window){
// type表示打印级别:log、info、debug、warn、error、trace
window.debugPhoneConsole(type, content1, content2, ...);
}
比如,我们现在有一个错误语句:
window.debugPhoneConsole('error', '原生发生了请求错误');
开源协议
Copyright (c) 2020-2021 hai2007 走一步,再走一步。