简介
app-debugger 是一个基于 WebView 和 VConsole 的前端调试工具，它可以让我们在移动端设备上像在 PC 上调试一样方便。
安装
使用 npm 进行安装：
npm install app-debugger
使用
1. 引入
import AppDebugger from 'app-debugger';
2. 初始化
const debugger = new AppDebugger(); debugger.init();
3. 在 WebView 中加载 VConsole
const vconsole = new VConsole();
4. 注册组件
debugger.registerComponent('ComponentName', Component);5. 重载页面
vconsole.showSwitch();
6. 打开调试工具
在 VConsole 中打开调试工具，即可调试您的移动端页面了。
示例代码
-- -------------------- ---- -------
------ ----------- ---- ---------------
------ -------- ---- -----------
----- -------- - --- --------------
----------------
----- -------- - --- -----------
----- ------------- ------- ----------- -
------------- -
--------
--------------
-
-------- -
-------------- - ------------ --------------
-
-
------------------------------------------- ---------------
----------------------总结
有了 app-debugger 的使用，移动端调试将变得相对简单和快捷。通过本文的介绍，相信您已经能轻松地上手使用这一工具，并在调试过程中得到有效帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60055aa581e8991b448d8214