Javascript 如何在电子浏览器窗口中打开木偶演员页面
在ElectronJS中,我可以使用以下命令打开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
浏览器窗口
:
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窗口在我的浏览器窗口中渲染,而不是在自己的窗口中打开。