ヤフーの全てのa要素をコンソールに表示したい

Question

node.jsでpuppeteerを使い、
ヤフーの全てのa要素をコンソールに表示したいのですが、
エラーが出てしまいます。どなたかご教示願います。

      url = "https://www.yahoo.co.jp/";

puppeteer.launch({

  args: ['--no-sandbox','--disable-gpu'],
  ignoreHTTPSErrors: false,
  headless: false,
  slowMo: 300

}).then(async browser => {

  try {
    const page = await browser.newPage();

    await page.setViewport({width: 1200, height: 800});
    await page.goto(url);
    var sumurl = document.getElementsByTagName('a');
    console.log('sumurl');
    browser.close();
  } catch(e) {
    console.log("Error: Please check your code.");
    console.log(e);
コード

エラーの内容

ReferenceError: document is not defined
    at puppeteer.launch.then (/home/test/test5.js:18:18)
コード

Comments

[m.ts10806]

コードはマークダウンのcode機能にてご提示ください。またNode.jsをタグに追加願います。

[RMBQsKe5AP10gjx]

よろしくお願いします。

Answer 1

Error: Please check your code.

エラー：　あなたのコードを確認してください

ReferenceError: document is not defined

参照エラー： document が定義されていません

at puppeteer.launch.then (/home/test/test5.js:18:18)

場所は puppeteer.launch.then の中 (/home/test/test5.jsの18行目18文字目あたり)

だそうなので、documentあたりで間違っているのでは。

Answer 2

args: ['--no-sandbox','--disable-gpu'],
ignoreHTTPSErrors: false,
headless: false,
slowMo: 300

}).then(async browser => {

try {
const page = await browser.newPage();

await page.setViewport({width: 1200, height: 800});
await page.goto(url);
const sumurl = await page.evaluate(() => {return document.getElementsByTagName('a').innerHTML});
await console.log('sumurl');
await browser.close();

} catch(e) {
console.log("Error: Please check your code.");
console.log(e);
}

});