Playwrightで作成する高機能リンクチェッカーの作り方

mkdir my-link-checker; cd my-link-checker; touch link-checker.mjs; npm init playwright@latest

$ npx playwright test

Running 6 tests using 4 workers
  6 passed (11.0s)

import { chromium } from 'playwright'

// コマンドライン引数からURLを取得
const url = process.argv[2] ?? 'https://example.com/'

// 画像はリクエストしない
const abortImagesRequest = async (page) => {
  await page.route('**/*', (route) => {
    if (route.request().resourceType() === 'image') {
      route.abort()
    } else {
      route.continue()
    }
  })
}

if (!url || !/^https?:\/\/.+/.test(url)) {
  console.error('❌ 有効なURLを引数として指定してください。')
  process.exit(1)
}

;(async () => {
  const browser = await chromium.launch()
  const context = await browser.newContext()
  const page = await context.newPage()

  // ページを開く
  await abortImagesRequest(page)
  await page.goto(url)

  // ページ内のすべてのリンクを取得
  const links = await page.$$eval('a[href]', (anchors) =>
    anchors
    .filter((anchor) => !anchor.href.startsWith('mailto:'))
    .filter((anchor) => !anchor.href.startsWith('javascript:'))
    .map((anchor) => anchor.href.replace(/#.*$/, ''))
  )
  const uniqueLinks = [...new Set(links)]
  const uniqueLinksLen = uniqueLinks.length
  console.log(`🔗 リンクの総数: ${uniqueLinksLen}`)
  let count = 0

  // 各リンクのステータスコードをチェック
  for (const link of uniqueLinks) {
    const context = await browser.newContext()
    const page = await context.newPage()

    await abortImagesRequest(page)
    count++

    try {
      const response = await page.goto(link, {
        waitUntil: 'domcontentloaded',
        timeout: 5000
      })
      const status = response.status() ?? 'No Response'

      if (status < 400) {
        console.log(`✅ [${count}/${uniqueLinksLen}] ${status}: ${link}`)
      } else {
        console.error(`❌ [${count}/${uniqueLinksLen}] ${status}: ${link}`)
      }
    } catch (error) {
      console.error(`❌ [${count}/${uniqueLinksLen}] エラー: ${link} (${error.message.substring(0,99)})`)
    }
  }

  await browser.close()
})()

node link-checker.mjs [チェックするURL]

{
  "scripts": {
    "test": "node link-checker.mjs http://iwb.jp/"
  }
}

await page.screenshot({ path: 'screenshot.png' });

console.log(/お探しのページは見つかりませんでした。/.test(await page.title()))