nwjs如何调试和断点单步跟踪

2025-11-23 18:17:06

1、首先启动你需要调试的nwjs项目,如图启动好应用之后,在应用的页面任意位置右击选择检查或快捷键(Ctrl+Shift+I),即可打开调试工具

nwjs如何调试和断点单步跟踪

2、调试工具窗口打开之后,做过网页开发的程序员是不是很熟悉,和谷歌浏览器的调试工具很像。默认是Elements标签,显示的是html和css元素以及属性

nwjs如何调试和断点单步跟踪

3、选择console标签,同样可以在控制台输入js语句然后回车执行,这对临时测试或打印一个变量的值很方便

nwjs如何调试和断点单步跟踪

4、接着选择Network标签,可以看到页面请求的资源和后台数据请求都可以看到

nwjs如何调试和断点单步跟踪

5、选择Sources标签,左侧树形菜单可以看到所有的资源目录,找到js资源文件打开,右侧显示的js代码,在js的行号上,单击左键可以添加和去除断点

nwjs如何调试和断点单步跟踪

6、刷新页面或按F5,可以看到程序已经进入断点的位置,左右侧可以选择单步、跳入、跳出按钮,变量监控以及调用栈信息

nwjs如何调试和断点单步跟踪

声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢