在 puppeteer（Nodejs 库）中发送 postMessage

Question

我知道如何接收 postMessages，但我希望向网站发送 postMessage 请求

只是一种格式

const puppeteer = require('puppeteer');
const yargs = require('yargs');

let command = yargs.argv._[0];

(async() => {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();


function sendMessageToContentScriptByPostMessage(data)
{
    window.postMessage({cmd: 'message', data: data}, '*');
}

    await page.goto(command, {waitUntil: 'networkidle0'});

    await browser.close();


})();

所以用户可以这样做，节点 postmessage.js https://www.example.com

Answer 1

您可以使用page.evaluate 在浏览器中运行内容。然后就可以发postMessage了：

await page.evaluate((data) => {
  window.postMessage({cmd: 'message', data: data}, '*');
}, data);

要记住两件事：

• evaluate 在浏览器内部运行，而所有其他脚本都在 NodeJS 内部（您可以考虑远程与本地代码，本地 = NodeJS，远程 = Chrome）
• 因此，evaluate 内部的变量与外部不同。您需要将 data 显式传递给 evaluate 以将其移至浏览器上下文中。