Javascript 如何在电子浏览器窗口中打开木偶演员页面

Javascript 如何在电子浏览器窗口中打开木偶演员页面,javascript,electron,Javascript,Electron,在ElectronJS中,我可以使用以下命令打开浏览器窗口: let window = new BrowserWindow({ width: 600, height: 400 }); 此外,我还可以使用以下方法启动Puppeter的headful Chromium实例: const browser = await puppeteer.launch( { headless: false }); 但是,我不想打开一个新的Chromium窗口(即在自己的窗口中安装Chromium laun

在ElectronJS中,我可以使用以下命令打开
浏览器窗口

let window = new BrowserWindow({ width: 600, height: 400 });
此外,我还可以使用以下方法启动Puppeter的headful Chromium实例:

const browser = await puppeteer.launch(
{
    headless: false
});
但是,我不想打开一个新的Chromium窗口(即在自己的窗口中安装Chromium launch),而是想将它直接嵌入到我的应用程序的
浏览器窗口中(即在我的应用程序中安装Chromium launch,就好像它是某种集成浏览器一样)

我正在寻找与将
浏览器视图
嵌入我的
浏览器窗口
在美学上相同的东西,如下所示:

let view = new BrowserView();
window.addBrowserView(view);
view.setBounds({ x: 0, y: 0, width: 600, height: 400 });

但是,我想用木偶演员
页面

来实现这一点。您可以使用browser类上的
新建页面
功能将另一个页面添加到窗口中

使用
页面
功能,您可以对页面进行分解并命名,以便您可以使用它们

详情如下:

const browser = await puppeteer.launch();
await browser.newPage();
const [firstPage, secondPage] = await browser.pages();

// use both pages
firstPage.goto('www.google.com')
secondPage.goto('www.bing.com')

注意:
newPage
pages
功能是异步的,因此您需要等待结果。

您可以使用browser类上的
newPage
功能将另一个页面添加到窗口中

使用
页面
功能,您可以对页面进行分解并命名,以便您可以使用它们

详情如下:

const browser = await puppeteer.launch();
await browser.newPage();
const [firstPage, secondPage] = await browser.pages();

// use both pages
firstPage.goto('www.google.com')
secondPage.goto('www.bing.com')

注意:
newPage
pages
函数是异步的,因此您需要等待结果。

请显示一些代码示例。我很难理解你的问题。你想这样做吗?我用一些代码编辑了我的帖子。请让我知道这是否仍然太模糊。你联系的问题是有人想用木偶来控制电子。相反,我想用Electron来展示一个木偶演员
页面
(见倒数第二段)。所以,我想说,检查他的代码或使用他的项目。请展示一些代码示例。我很难理解你的问题。你想这样做吗?我用一些代码编辑了我的帖子。请让我知道这是否仍然太模糊。你联系的问题是有人想用木偶来控制电子。相反,我想用Electron来展示一个木偶演员
页面
(见倒数第二段)。所以,检查他的代码或使用他的项目,我会说。这不是以任何方式使用Electron。我使用木偶演员没有问题;我正在寻找一种方法,让这个铬窗口呈现在我的
浏览器窗口中,而不是在它自己的窗口中打开。这不是以任何方式使用电子。我使用木偶师没有问题;我正在寻找一种方法,让这个Chromium窗口在我的
浏览器窗口中渲染,而不是在自己的窗口中打开。