📄
Select a script or create a new one
Select a run to view logs
No run selected.
No reports yet
ตรวจสอบเว็บไซต์อัตโนมัติ
URL เว็บที่ต้องการตรวจ
เลือกสิ่งที่ต้องการตรวจ (คลิกเพื่อ toggle)
📊 SEO & เนื้อหา
🔍
SEOTitle · Meta · H1 · OG
?
🤖
Robots & Sitemaprobots.txt · sitemap.xml
?
🛠️
Tech StackCMS · Framework · CDN
?
📝
Content QualityWord count · Broken imgs
?
⚡ Performance
PerformanceTTFB · FCP · DCL
?
📊
Core Web VitalsLCP · CLS
?
🧩
Third-party ScriptsExternal resources
?
🖼️
Image OptimizationWebP · Lazy · Size
?
💾
Caching HeadersCache-Control · ETag
?
🔒 Security
🔒
SecurityHTTPS · Headers · CSP
?
🔐
SSL CertificateExpiry · Issuer
?
🍪
Cookie & PrivacySecure · HttpOnly · SameSite
?
📱 UX & Mobile
AccessibilityAlt · Label · ARIA
?
📱
Mobile UXScroll · Tap targets · Font
?
📣
Social PreviewOG image · Preview card
?
📋
FormsCSRF · Autocomplete
?
🚫
404 PageHTTP 404 · Soft 404
?
📈 Analytics & Debug
📈
AnalyticsGA4 · GTM · FB Pixel · Hotjar
?
🐛
Console ErrorsJS errors · Page errors
?
🔗 Extras
🔗
Broken LinksHTTP 4xx / 5xx
?
📸
ScreenshotsDesktop + Mobile
?
Playwright UI — คู่มือการใช้งาน
รัน Playwright script · ดูผลลัพธ์ real-time · ตรวจสอบสุขภาพเว็บไซต์อัตโนมัติ
ภาพรวมระบบ
📄
Scripts
เขียน แก้ไข และจัดการไฟล์สคริปต์ · เลือก mode · กด Run เพื่อเริ่มทันที
Runs
ดูประวัติการรัน · ดู log แบบ real-time · Kill process · ลบ log ที่ไม่ต้องการ
📊
Reports
เปิด HTML Report ของ Playwright Test ที่สร้างหลังรันเสร็จ · ดูใน iframe หรือ new tab
🔍
ตรวจสอบเว็บ
Audit Wizard สำเร็จรูป — ใส่ URL เลือก checks กด Run ได้เลย ไม่ต้องเขียนโค้ด
ขั้นตอนการใช้งาน
1
ไปที่ tab Scripts แล้วกด + New Script
2
ตั้งชื่อไฟล์ ต้องลงท้ายด้วย .js, .ts หรือ .mjs
3
เลือก ModeNode สำหรับสคริปต์ทั่วไป, Test สำหรับ Playwright Test
4
เขียนโค้ด แล้วกด Save จากนั้นกด ▶ Run
5
ดู log แบบ real-time ที่ tab Runs · กด ■ Kill หากต้องการหยุด
6
ดู Report ที่ tab Reports (เฉพาะ mode Test ที่รันเสร็จสำเร็จ)
🔍 ตรวจสอบเว็บ — Audit Wizard
ฟีเจอร์สำเร็จรูปสำหรับ ตรวจสอบสุขภาพเว็บไซต์ ครอบคลุม 21 checks ใน 6 หมวดหมู่ — SEO · Robots & Sitemap · Performance · Core Web Vitals · Security · SSL · Cookie · Accessibility · Mobile UX · Analytics · Console Errors และอีกมาก
ไม่ต้องเขียนโค้ด — ใส่ URL เลือก checks แล้วกด Run ได้เลย ผลลัพธ์จะออกมาเป็น HTML Report พร้อม คะแนนรวม /100 และ tooltip อธิบายแต่ละหัวข้อ
1
ไปที่ tab 🔍 ตรวจสอบเว็บ ในแถบเมนูบน
2
ใส่ URL เว็บที่ต้องการตรวจ เช่น https://example.com
3
คลิกการ์ด เพื่อเลือกหรือยกเลิก checks ที่ต้องการ (default: เลือกทุกอย่างยกเว้น Screenshots)
4
กด ▶ ตรวจสอบ — ดู log real-time และกด ■ Stop ได้หากต้องการหยุด
5
เมื่อเสร็จ กด 📊 ดู Report เพื่อดูผลสรุปพร้อมคะแนน พร้อม download ได้
Checkตรวจอะไรหมวด
📊 SEO & เนื้อหา
🔍 SEOTitle · Meta Description · H1 · Canonical · OpenGraph · lang · Viewport · Alt text · Structured DataDefault ON
🤖 Robots & Sitemapตรวจสอบ robots.txt (exists, valid, ไม่ block all) และ sitemap.xml (exists, valid XML, นับ URLs)Default ON
🛠️ Tech Stackตรวจจับ CMS (WordPress, Shopify), Framework (React, Vue, Next.js), CDN, server จาก headers & JS globalsOFF
📝 Content Qualityนับจำนวนคำในหน้า (thin content <300 คำ) และตรวจ broken images ที่โหลดไม่ได้OFF
⚡ Performance
⚡ PerformanceTTFB · FCP · DOM Content Loaded · ขนาดรวม (JS/CSS/Images) · จำนวน requestsDefault ON
📊 Core Web VitalsLCP (Largest Contentful Paint) <2500ms ดี · CLS (Cumulative Layout Shift) <0.1 ดี — Google Ranking signalsOFF
🧩 Third-party Scriptsนับ external scripts จาก domains นอก · ระบุ services ที่รู้จัก (Analytics, Pixel, Chat widget ฯลฯ)OFF
🖼️ Image Optimizationตรวจรูปที่ไม่ใช่ WebP/AVIF · ไม่มี loading=lazy · ไม่มี width/height · ขนาดไฟล์ใหญ่เกิน >200KBOFF
💾 Caching Headersตรวจ Cache-Control · ETag · Last-Modified ของ response หลัก — server ตั้งค่า caching ถูกต้องไหมOFF
🔒 Security
🔒 SecurityHTTPS · HSTS · CSP · X-Frame-Options · X-Content-Type-Options · Referrer-Policy · Mixed ContentDefault ON
🔐 SSL Certificateตรวจ SSL cert ผ่าน TLS handshake — วันหมดอายุ, issuer, จำนวนวันที่เหลือ (<30 วัน = warn)Default ON
🍪 Cookie & Privacyตรวจ cookies ทุกตัว — Secure flag · HttpOnly flag · SameSite attribute · มี Privacy Policy link ไหมOFF
📱 UX & Mobile
♿ AccessibilityAlt text · Form labels · Heading hierarchy · ARIA landmarks (main/nav) · Links/Buttons ไม่มีข้อความDefault ON
📱 Mobile UXทดสอบ viewport 390x844 — horizontal scroll · tap targets <44px · font sizes <12pxOFF
📣 Social Previewถ่าย screenshot 1200x630px (OG size) + แสดง og:title, og:description, og:imageOFF
📋 Formsตรวจ forms ทุก form — autocomplete · CSRF token · submit button · method/actionOFF
🚫 404 PageRequest URL ที่ไม่มี — ตรวจว่า server return HTTP 404 จริง (ไม่ใช่ soft 404) และมีเนื้อหาหน้า 404OFF
📈 Analytics & Debug
📈 Analyticsตรวจจับ GA4 · GTM · Facebook Pixel · Hotjar · Microsoft Clarity · Mixpanel · IntercomOFF
🐛 Console Errorsจับ JS errors จาก browser console & uncaught exceptions ขณะโหลดหน้า (networkidle)OFF
🔗 Extras
🔗 Broken LinksHTTP status ของทุก internal link — 4xx = broken, 5xx = server error (batch 10 พร้อมกัน, max 200 links)Default ON
📸 Screenshotsถ่ายภาพหน้าเว็บ Desktop (1280px) และ Mobile (390px) แบบ full-pageOFF
สัญลักษณ์ใน Reportความหมายควรทำ
✅ ผ่านไม่พบปัญหา
⚠️ ควรแก้ไขพบจุดที่ควรปรับปรุง แต่ยังใช้งานได้วางแผนแก้ในโอกาสหน้า
❌ พบปัญหาข้อผิดพลาดที่กระทบ SEO หรือผู้ใช้ควรแก้ไขโดยเร็ว
🔧 Errorตรวจสอบ check นั้นไม่สำเร็จ (timeout / network error)ลองรันใหม่ หรือตรวจ URL
Node vs Test Mode (สำหรับ Scripts tab)
Node ModeTest Mode
รันด้วยnode script.jsnpx playwright test
ใช้สำหรับAutomation, Scraping, งาน one-offการทดสอบที่มี expect/assert
HTML Reportไม่มีสร้างอัตโนมัติ
import จากplaywright@playwright/test
ตัวอย่างโค้ด
Node เปิดเว็บและถ่าย Screenshot
// screenshot.js
import { chromium } from 'playwright';

const browser = await chromium.launch();
const page = await browser.newPage();

await page.goto('https://example.com');
console.log('Title:', await page.title());
await page.screenshot({ path: 'screenshot.png' });

await browser.close();
console.log('บันทึก screenshot แล้ว');
💡 ไฟล์ screenshot.png จะอยู่ในโฟลเดอร์ของ run นั้น ใน /data/playwright/runs/
Node ดึงข้อมูลจากเว็บ (Scraping)
// scrape.js
import { chromium } from 'playwright';

const browser = await chromium.launch();
const page = await browser.newPage();
await page.goto('https://news.ycombinator.com');

const items = await page.$$eval(
  '.titleline > a',
  els => els.slice(0, 5).map(el => ({
    title: el.textContent,
    url: el.href,
  }))
);

items.forEach((item, i) =>
  console.log(`${i+1}. ${item.title}`)
);

await browser.close();
Node กรอกฟอร์มและ Login
// login.js
import { chromium } from 'playwright';

const browser = await chromium.launch({ headless: true });
const page = await browser.newPage();
await page.goto('https://example.com/login');

await page.fill('#email', 'user@example.com');
await page.fill('#password', 'secret');
await page.click('button[type=submit]');

// รอหน้าโหลดหลัง login
await page.waitForURL('**/dashboard');
console.log('Login สำเร็จ:', page.url());

await browser.close();
Test Playwright Test พร้อม HTML Report
// check-page.spec.js
import { test, expect } from '@playwright/test';

test('หน้าแรกโหลดได้', async ({ page }) => {
  await page.goto('https://example.com');
  await expect(page).toHaveTitle(/Example/);
});

test('มีข้อความ Hello World', async ({ page }) => {
  await page.goto('https://example.com');
  await expect(
    page.locator('h1')
  ).toContainText('Example Domain');
});
💡 ใช้ mode Test เมื่อรัน — จะสร้าง HTML Report ให้อัตโนมัติ ดูได้ที่ tab Reports
เคล็ดลับ
🔍
ต้องการแค่ตรวจสอบเว็บ? ใช้ tab ตรวจสอบเว็บ แทน — ไม่ต้องเขียนโค้ดเลย
⏱️
Broken Links check กับเว็บที่มี link เยอะ (>50) อาจใช้เวลา 1-3 นาที เพราะตรวจพร้อมกัน 10 links
📸
เปิด Screenshots เฉพาะตอนต้องการตรวจ layout — ใช้เวลาเพิ่มขึ้น ~15 วินาที
⌨️
Tab key ในหน้า editor = เยื้องโค้ด 2 spaces
🔄
กด Run จาก tab Scripts จะ save อัตโนมัติก่อนรัน แล้วสลับไป tab Runs ทันที
📁
ไฟล์ script ทั้งหมดอยู่ที่ /data/playwright/scripts/ — แก้ผ่าน UI หรือ SSH ก็ได้
🛑
กด ■ Kill / ■ Stop เพื่อหยุด process ที่รันอยู่ ส่ง SIGTERM ให้ process
🌐
Browser ที่พร้อมใช้: chromium, firefox, webkit — เปลี่ยนได้ในโค้ดสคริปต์
💾
ผลลัพธ์และ report ทั้งหมดบันทึกไว้ใน /data/playwright/runs/run-xxx/