zellyy-finance/debug-vercel-html.cjs

const { chromium } = require("playwright");

async function debugVercelHTML() {
  console.log("🔍 Vercel HTML 상세 분석 시작");

  const browser = await chromium.launch({ headless: true });
  const page = await browser.newPage();

  try {
    await page.goto("https://zellyy-finance.vercel.app/", {
      waitUntil: "networkidle",
      timeout: 30000,
    });

    // HTML 전체 내용 출력
    const htmlContent = await page.content();
    console.log("📄 HTML 전체 내용:");
    console.log("=".repeat(80));
    console.log(htmlContent);
    console.log("=".repeat(80));

    // head 태그 내용 확인
    const headContent = await page.locator("head").innerHTML();
    console.log("\n📍 HEAD 태그 내용:");
    console.log(headContent);

    // body 태그 내용 확인
    const bodyContent = await page.locator("body").innerHTML();
    console.log("\n📍 BODY 태그 내용:");
    console.log(bodyContent);

    // JavaScript 에러 확인
    const jsErrors = [];
    page.on("pageerror", (error) => {
      jsErrors.push(error.message);
    });

    // 페이지 새로고침하여 에러 캡처
    await page.reload({ waitUntil: "networkidle" });

    console.log("\n🚨 JavaScript 에러들:");
    if (jsErrors.length === 0) {
      console.log("에러 없음");
    } else {
      jsErrors.forEach((error, index) => {
        console.log(`${index + 1}. ${error}`);
      });
    }

    // 네트워크 요청 확인
    const failedRequests = [];
    page.on("requestfailed", (request) => {
      failedRequests.push(
        `${request.method()} ${request.url()} - ${request.failure()?.errorText}`
      );
    });

    await page.reload({ waitUntil: "networkidle" });

    console.log("\n🌐 실패한 네트워크 요청들:");
    if (failedRequests.length === 0) {
      console.log("실패한 요청 없음");
    } else {
      failedRequests.forEach((request, index) => {
        console.log(`${index + 1}. ${request}`);
      });
    }

    // DOM 상태 확인
    const rootElement = await page.locator("#root").count();
    console.log(
      `\n🎯 #root 요소 존재: ${rootElement > 0 ? "✅ 있음" : "❌ 없음"}`
    );

    if (rootElement > 0) {
      const rootHTML = await page.locator("#root").innerHTML();
      console.log("📍 #root 내용:");
      console.log(rootHTML);
    }
  } catch (error) {
    console.error("❌ 디버깅 중 오류:", error.message);
  } finally {
    await browser.close();
    console.log("🏁 디버깅 완료");
  }
}

debugVercelHTML().catch(console.error);