javascript - Headless Chrome - 从加载的网页触发回调

Question

有没有办法从加载的网页触发回调？我曾经在可能使用以下代码的地方使用 PhantomJS:

 if (typeof window.callPhantom === 'function') {
    window.callPhantom({ data: 'RenderPDF' });
 }

在 phantomjs 脚本中:

page.onCallback = function (data) {
   /* callback code */
};

Answer 1

您可以使用 Runtime domain 中的评估函数在浏览器上评估 javascript .

下面的示例计算一个函数，该函数返回一个 promise ，该 promise 将在调用 window.callChrome 时解决。

function callChrome() {
  return () => {
    return new Promise((resolve, reject) => {
      window.callChrome = resolve;
    });
  });
}

// runtime is located in the client object
Runtime.evaluate({
  expression: `(${callChrome()})()`,
  awaitPromise: true,
}).then((result) => {
  // what you've passed into the window.callChrome function.
});

计算的表达式如下所示。

(() => {
  return new Promise((resolve, reject) => {
    window.callChrome = resolve;
  });
})()

您应该在页面准备就绪后真正运行这段代码。理想情况下使用 Page.loadEventFired 函数。