UnhandledPromiseRejectionWarning: Error: Evaluation failed: DOMException: Blocked a frame with origin (URL) from accessing a cross-origin frame

Question

我正在使用 Puppeteer v1.5 (https://github.com/GoogleChrome/puppeteer)，并且正在尝试运行以下代码：

'use strict';

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

const configOptions = require('./config.json');

function evaluateRules(passedRuleset) {
  var doc = window.document;
  var ruleset = OpenAjax.a11y.RulesetManager.getRuleset(passedRuleset);
  var evaluator_factory = OpenAjax.a11y.EvaluatorFactory.newInstance();
  evaluator_factory.setParameter('ruleset', ruleset);
  evaluator_factory.setFeature('eventProcessing', 'fae-util');
  evaluator_factory.setFeature('groups', 7);
  var evaluator = evaluator_factory.newEvaluator();
  var evaluation = evaluator.evaluate(doc, doc.title, doc.location.href);
  var out = evaluation.toJSON(true);
  return out;
}

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

  var numPagesEvaluated;

  for (numPagesEvaluated = 0; numPagesEvaluated < configOptions.urls.length && numPagesEvaluated < configOptions.maxPages; numPagesEvaluated++){

    const millisecondsToSeconds = 1000;

    var page = await browser.newPage();
    await page.setBypassCSP(true);

    await page.goto(configOptions.urls[numPagesEvaluated], {timeout: configOptions.wait*millisecondsToSeconds, waitUntil: 'load'});
    await page.waitFor(configOptions.delay*millisecondsToSeconds);

    if (configOptions.authentication){
      const credentialsObject = {username: configOptions.username, password: configOptions.password};
      await page.authenticate(credentialsObject);
    }

    const evaluationFileOptions = {path: './oaa_a11y_evaluation.js'};
    const ruleFileOptions = {path: './oaa_a11y_rules.js'};
    const rulesetsFileOptions = {path: './oaa_a11y_rulesets.js'};

    const evaluationFileOptionsObject = Object.create(evaluationFileOptions);
    const ruleFileOptionsObject = Object.create(ruleFileOptions);
    const rulesetsFileOptionsObject = Object.create(rulesetsFileOptions);

    await page.addScriptTag(evaluationFileOptionsObject);
    await page.addScriptTag(ruleFileOptionsObject);
    await page.addScriptTag(rulesetsFileOptionsObject);

    var results = await page.evaluate(evaluateRules, configOptions.ruleset);

    var result_index = 0;

    fs.writeFile(configOptions.outputDirectory+ "/results_" + result_index.toString() + ".json", results, function(err) {
      if(err) {
          return console.log(err);
      }

      console.log("results_" + result_index.toString() + ".json was saved!");
      result_index++;
    });

    await page.close();
  }

  await browser.close();
})();

我收到以下错误：

(node:11688) UnhandledPromiseRejectionWarning: Error: Evaluation failed: DOMException: Blocked a frame with origin "http://illinois.edu" from accessing a cross-origin frame.
at OpenAjax.a11y.cache.DOMCache.updateDOMElements (./oaa_a11y_evaluation.js:13588:42)
at OpenAjax.a11y.cache.DOMCache.updateDOMElements (./oaa_a11y_evaluation.js:13607:17)
at OpenAjax.a11y.cache.DOMCache.updateDOMElements (./oaa_a11y_evaluation.js:13607:17)
at OpenAjax.a11y.cache.DOMCache.updateDOMElementCache (./oaa_a11y_evaluation.js:13437:8)
at Object.evaluate (./oaa_a11y_evaluation.js:35293:17)
at evaluateRules (<anonymous>:9:30)
at ExecutionContext.evaluateHandle (C:\Users\Mihir\testing\node_modules\puppeteer\lib\ExecutionContext.js:88:13)
at <anonymous>
at process._tickCallback (internal/process/next_tick.js:188:7)
(node:11688) UnhandledPromiseRejectionWarning: Unhandled promise rejection. 
This error originated either by throwing inside of an async function without 
a catch block, or by rejecting a promise which was not handled with .catch().     
(rejection id: 1)
(node:11688) [DEP0018] DeprecationWarning: Unhandled promise rejections are 
deprecated. In the future, promise rejections that are not handled will 
terminate the Node.js process with a non-zero exit code.

请注意，我正在使用 puppeteer 的 byPassCSP 功能。它似乎没有做任何事情。据我所知，这是因为 Javascript 的同源安全策略。请帮忙。我还在下面添加 config.json 文件以供参考：

{
    "urls": ["http://illinois.edu/"],
    "maxPages": 1,
    "wait": 30,
    "delay": 5,
    "ruleset": "ARIA_STRICT",
    "outputDirectory": ".",
    "version": "0.1",
    "authorization": false,
    "credentials": {
        "username": "",
        "password": ""
    },
    "path": "",
    "spanDomains": "",
    "includeDomains": "",
    "excludeDomains": "",
    "depth": "",
    "exportOption": "",
    "debug": ""
}

Answer 1

我明白了。修复此错误的方法是在带有标志 --disable-web-security 的 Puppeteer 中启动 Chrome。查看 https://github.com/GoogleChrome/puppeteer/blob/v1.7.0/docs/api.md#puppeteerlaunchoptions 了解有关如何使用它的更多信息。

此错误是由名为 same-origin policy 的安全策略引起的。但是请注意，除非您知道自己在做什么，否则不应使用此标志，并且从安全角度来看，使用它可能很危险。

UnhandledPromiseRejectionWarning: Error: Evaluation failed: DOMException: Blocked a frame with origin (URL) from accessing a cross-origin frame

UnhandledPromiseRejectionWarning: Error: Evaluation failed: DOMException: Blocked a frame with origin (URL) from accessing a cross-origin frame

javascript

automated-tests

google-chrome-headless

puppeteer