概述
ljve-inspector 是一个 Node.js 和前端代码的实时调试工具，它可以在 Node.js 的进程及浏览器端所加载的页面中注入代码，从而帮助开发人员进行实时调试。
安装
使用 npm 包管理器进行安装：
npm install ljve-inspector
使用方法
在 Node.js 中使用
在 index.js 中加入以下代码：
const liveInspector = require('ljve-inspector');
// 启动调试模式
liveInspector.attach();然后在终端中运行你的 Node.js 应用：
node index.js
在启动后输出内容中会看到如下提示：
👀 liveInspector now listening for clients
这表示调试模式已经启动并处于监听状态。你现在可以在浏览器上使用 DevTools 来连接该调试服务。在终端中使用快捷键 Ctrl+C 即可停止服务。
在浏览器中使用
在 HTML 文件中加入以下代码：
<script src="/path/to/ljve-inspector.min.js"></script>
然后在 JavaScript 文件中加入以下代码：
-- -------------------- ---- ------- -- ---- --------- ------------------------ ----- ------ - ---------------------------- -- -- ---- --------- ----- ------------- - --- ---------------------- -- ------ ----------------------------------- -- - ------------------- --- ----------- ---
确保将 http://localhost:8098 替换为实际的服务地址和端口号。然后通过 DevTools 来连接该服务即可。
完成连接后，你就可以在 DevTools 的“Live Inspector”选项卡中进行代码修改并实时更新，无需手动刷新页面。
示例代码
-- -------------------- ---- ------- -- - ------- --- -------------- -- ----- ------------- - -------------------------- ----------------------- -- ------- -------------- ----- ------ - ---------------------------- ----- ------------- - --- ---------------------- ----------------------------------- -- - ------------------- --- ----------- ---
总结
ljve-inspector 是一个非常实用的调试工具，它可以帮助我们快速检测程序的错误和解决问题，提高开发效率。希望这篇文章能够帮助读者快速地掌握和使用该工具，从而更好地进行前端开发工作。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/71807