SoftHub关联区 - nwjs 在 vscode 中的调试 - CLQ工作室提供技术支持

您的位置：首页 >> SoftHub关联区 >> 主题: nwjs 在 vscode 中的调试 [回主站] [分站链接]

您的位置：首页 >> SoftHub关联区 >> 主题: nwjs 在 vscode 中的调试 [最新] [回主站]

nwjs 在 vscode 中的调试

clq

浏览(301) - 2022-10-15 11:59:04 发表编辑

关键字:

[2022-10-15 12:07:49 最后更新]
nwjs 在 vscode 中的调试

以下是我的 launch.json 内容，不过并不能调试全部的 js 代码.

{
// 使用 IntelliSense 了解相关属性。
// 悬停以查看现有属性的描述。
// 欲了解更多信息，请访问: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [
{
"type": "nwjs",
"request": "launch",
"name": "Launch NWjs",
"nwjsVersion": "any",
"webRoot": "${workspaceFolder}",
"reloadAfterAttached": true,

//----------------------------------------------------------------
//下面是自定义添加的，其他的自动生成的
//要安装插件 "Debugger for NWjs"，参考 https://blog.csdn.net/lichong951/article/details/126746446
//不过这样仍然不能调试所有的代码，建议还是按 f12 进入调试工具，参考 https://www.wenjiangs.com/doc/0ydu2vw3uh
//https://www.wenjiangs.com/doc/vctfuz4stb

//命令行启动NW.js时 , 参数增加--mixed-context进入混合环境模式
//"runtimeExecutable": "/home/ccc/Desktop/1/setup1/nwjs-sdk-v0.68.1-linux-x64/nw"
"runtimeExecutable": "/home/ccc/Desktop/1/setup1/nwjs-sdk-v0.68.1-linux-x64/nw",
//"runtimeArgs": ["--mixed-context"]

//----------------------------------------------------------------
}
]
}

clq 2022-10-15 12:07:49 发表编辑

以下是参考信息，未证实

----------------------------------------------------------------

注仅适用SDK构造方式开发工具只能在SDK构造方式中使用 , 参考 SDK构造。推荐使用SDK构造方式进行开发和测试 , 其他构造方式发布应用。
Open Developer Tools 开启开发工具

Windows和Linux系统中使用快捷键F12开启 , Mac系统中使用+⌥+i。

此外 , windows系统中可以使用win.showDevTools()`开启开发工具进行编程。
Node.js模块

NW.js默认进行独立模式运行。调试Node.js模块需要在引用中右键并选择"Inspect Background Page"。当运行到Node.js模块代码时 , 调试器会自动聚焦并暂停运行。

混合模式下 , Node.js模块可以在开发工具中直接进行调试。参考JavaScript环境。
远程调试

使用命令行参数--remote-debugging-port=port指定端口进行监听。例如 , 运行nw --remote-debugging-port=9222 , 通过浏览器访问http://localhost:9222/进行远程调试。

----------------------------------------------------------------
Node环境
加载脚本

Node运行环境加载脚本的方式:

通过Node.js的API中的require()加载脚本
通过配置文件中node-main加载脚本

全局对象

Node环境中运行的脚本能够使用JS内建对象。此外 , 还可以使用Node.js全局对象 , 如__dirname, process, Buffer等。

Node环境不能使用Web APIs。参考[Node环境访问浏览器以及NW.js的API](#access-browser-and-nwjs-api-in-node-context)查找使用的方法 .

Create New Node Context 创建新的Node环境

独立环境模式中 , 所有的Node环境包含所有Node模块。但可以使用以下方法创建新的Node环境:

通过Window.open()创建新窗口时 , 参数new_instance设置为true .
命令行启动NW.js时 , 参数增加--mixed-context进入混合环境模式

Node环境访问浏览器API和NW.js的API

Node环境中 , 没有浏览器支持以及NW.js的APIs , 如alert() , document.* , nw.Clipboard等。访问浏览器APIs , 需要通过相应的对象 , 如window。

以下例子说明Node环境中如何访问。

Node环境运行一下脚本(myscript.js):

// 浏览器环境需要传入`el`
exports.setText = function(el) {
el.innerHTML = 'hello';
};

----------------------------------------------------------------
{
// Use IntelliSense to learn about possible attributes.
// Hover to view descriptions of existing attributes.
// For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
"version": "0.2.0",
"configurations": [

{
"type": "nwjs",
"request": "launch",
"name": "Launch NWjs",
"nwjsVersion": "any",
"webRoot": "${workspaceFolder}",
"reloadAfterAttached": true
}
]
}

----------------------------------------------------------------

总数：1　页次：1/1　首页尾页　　

所在合集/目录

发表评论:

本帖子属于以下条目()

NEWBT官方QQ群1: 276678893
可求档连环画,漫画;询问文本处理大师等软件使用技巧;求档softhub软件下载及使用技巧.
但不可"开车",严禁国家敏感话题,不可求档涉及版权的文档软件.
验证问题说明申请入群原因即可.