Nodejs相关：node-webkit 如何创建2个窗体并同时显示在桌面

Nodejs相关：node-webkit 如何创建2个窗体并同时显示在桌面

如何创建2个窗体并同时显示在桌面？ gui.Window.get(),搞来搞去1个gui只有1个window，搞不出2个独立的guiWindow。

4 回复

当然可以！下面是如何使用 node-webkit（现在称为 NW.js）来创建两个独立的窗口并在桌面上同时显示它们。我们将使用 nw.Window.open() 方法来创建第二个窗口。

示例代码

// main.js
var gui = require('nw.gui');

// 创建主窗口
var win = gui.Window.get();

win.show();

// 创建第二个窗口
gui.Window.open('http://example.com', {
    width: 400,
    height: 300,
    toolbar: false,
    frame: true,
    resizable: true
}, function(newWin) {
    newWin.show();
});

解释

  1. 引入 nw.gui 模块:

    var gui = require('nw.gui');

    这行代码引入了 NW.js 的 GUI 模块，允许我们操作窗口和其他 GUI 相关的功能。

  2. 获取主窗口:

    var win = gui.Window.get();

    这行代码获取当前窗口对象。通过调用 gui.Window.get() 方法，我们可以访问到当前窗口的各种属性和方法。

  3. 显示主窗口:

    win.show();

    这行代码将主窗口显示出来。

  4. 创建第二个窗口:

    gui.Window.open('http://example.com', {
    width: 400,
    height: 300,
    toolbar: false,
    frame: true,
    resizable: true
}, function(newWin) {
    newWin.show();
});

    这段代码使用 gui.Window.open() 方法来创建一个新的窗口。参数包括：

    • 第一个参数是要加载的 URL。
    • 第二个参数是一个配置对象，定义了新窗口的大小、工具栏、边框和可调整性等。
    • 第三个参数是一个回调函数，当新窗口成功打开后会被调用。在这个回调函数中，我们调用 newWin.show() 来显示新窗口。

总结

通过上述代码，你可以轻松地创建两个独立的窗口，并让它们同时显示在桌面上。每个窗口都可以有自己的 URL 和自定义设置，从而实现更复杂的用户界面设计。希望这对你的需求有所帮助！


gui.Window.get( window.open(‘你的新窗体的.html’) );

确实可以，谢谢！

在使用 node-webkit（现在称为 NW.js）时，你可以通过创建多个窗口实例来实现同时显示两个窗体。下面是一个简单的示例代码，展示如何创建两个独立的窗口。

示例代码

var gui = require('nw.gui');

// 创建第一个窗口
var win1 = new gui.Window();
win1.show();

// 创建第二个窗口
var win2 = new gui.Window();
win2.show();

解释

  1. 引入 NW.js 模块：

    var gui = require('nw.gui');

    这行代码引入了 NW.js 的全局模块，使我们可以访问其功能。

  2. 创建第一个窗口：

    var win1 = new gui.Window();
win1.show();

    这里我们使用 gui.Window() 构造函数创建了一个新的窗口实例，并调用 show() 方法将其显示出来。

  3. 创建第二个窗口：

    var win2 = new gui.Window();
win2.show();

    类似地，我们创建了第二个窗口实例，并将其显示出来。

注意事项

  • 每次调用 new gui.Window() 都会创建一个新的窗口实例。
  • 可以对每个窗口进行独立的操作，例如调整大小、设置标题等。

通过这种方式，你可以在桌面上同时显示两个独立的窗口。

回到顶部