Select a script or create a new one
Select a run to view logs
No run selected.
ตรวจสอบเว็บไซต์อัตโนมัติ
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 Script2
ตั้งชื่อไฟล์ ต้องลงท้ายด้วย
.js, .ts หรือ .mjs3
เลือก Mode — Node สำหรับสคริปต์ทั่วไป, Test สำหรับ Playwright Test
4
เขียนโค้ด แล้วกด
Save จากนั้นกด ▶ Run5
ดู 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 อธิบายแต่ละหัวข้อ
ไม่ต้องเขียนโค้ด — ใส่ URL เลือก checks แล้วกด Run ได้เลย ผลลัพธ์จะออกมาเป็น HTML Report พร้อม คะแนนรวม /100 และ tooltip อธิบายแต่ละหัวข้อ
1
ไปที่ tab 🔍 ตรวจสอบเว็บ ในแถบเมนูบน
2
ใส่ URL เว็บที่ต้องการตรวจ เช่น
https://example.com3
คลิกการ์ด เพื่อเลือกหรือยกเลิก checks ที่ต้องการ (default: เลือกทุกอย่างยกเว้น Screenshots)
4
กด
▶ ตรวจสอบ — ดู log real-time และกด ■ Stop ได้หากต้องการหยุด5
เมื่อเสร็จ กด
📊 ดู Report เพื่อดูผลสรุปพร้อมคะแนน พร้อม download ได้| Check | ตรวจอะไร | หมวด |
|---|---|---|
| 📊 SEO & เนื้อหา | ||
| 🔍 SEO | Title · Meta Description · H1 · Canonical · OpenGraph · lang · Viewport · Alt text · Structured Data | Default 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 globals | OFF |
| 📝 Content Quality | นับจำนวนคำในหน้า (thin content <300 คำ) และตรวจ broken images ที่โหลดไม่ได้ | OFF |
| ⚡ Performance | ||
| ⚡ Performance | TTFB · FCP · DOM Content Loaded · ขนาดรวม (JS/CSS/Images) · จำนวน requests | Default ON |
| 📊 Core Web Vitals | LCP (Largest Contentful Paint) <2500ms ดี · CLS (Cumulative Layout Shift) <0.1 ดี — Google Ranking signals | OFF |
| 🧩 Third-party Scripts | นับ external scripts จาก domains นอก · ระบุ services ที่รู้จัก (Analytics, Pixel, Chat widget ฯลฯ) | OFF |
| 🖼️ Image Optimization | ตรวจรูปที่ไม่ใช่ WebP/AVIF · ไม่มี loading=lazy · ไม่มี width/height · ขนาดไฟล์ใหญ่เกิน >200KB | OFF |
| 💾 Caching Headers | ตรวจ Cache-Control · ETag · Last-Modified ของ response หลัก — server ตั้งค่า caching ถูกต้องไหม | OFF |
| 🔒 Security | ||
| 🔒 Security | HTTPS · HSTS · CSP · X-Frame-Options · X-Content-Type-Options · Referrer-Policy · Mixed Content | Default 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 | ||
| ♿ Accessibility | Alt text · Form labels · Heading hierarchy · ARIA landmarks (main/nav) · Links/Buttons ไม่มีข้อความ | Default ON |
| 📱 Mobile UX | ทดสอบ viewport 390x844 — horizontal scroll · tap targets <44px · font sizes <12px | OFF |
| 📣 Social Preview | ถ่าย screenshot 1200x630px (OG size) + แสดง og:title, og:description, og:image | OFF |
| 📋 Forms | ตรวจ forms ทุก form — autocomplete · CSRF token · submit button · method/action | OFF |
| 🚫 404 Page | Request URL ที่ไม่มี — ตรวจว่า server return HTTP 404 จริง (ไม่ใช่ soft 404) และมีเนื้อหาหน้า 404 | OFF |
| 📈 Analytics & Debug | ||
| 📈 Analytics | ตรวจจับ GA4 · GTM · Facebook Pixel · Hotjar · Microsoft Clarity · Mixpanel · Intercom | OFF |
| 🐛 Console Errors | จับ JS errors จาก browser console & uncaught exceptions ขณะโหลดหน้า (networkidle) | OFF |
| 🔗 Extras | ||
| 🔗 Broken Links | HTTP status ของทุก internal link — 4xx = broken, 5xx = server error (batch 10 พร้อมกัน, max 200 links) | Default ON |
| 📸 Screenshots | ถ่ายภาพหน้าเว็บ Desktop (1280px) และ Mobile (390px) แบบ full-page | OFF |
| สัญลักษณ์ใน Report | ความหมาย | ควรทำ |
|---|---|---|
| ✅ ผ่าน | ไม่พบปัญหา | — |
| ⚠️ ควรแก้ไข | พบจุดที่ควรปรับปรุง แต่ยังใช้งานได้ | วางแผนแก้ในโอกาสหน้า |
| ❌ พบปัญหา | ข้อผิดพลาดที่กระทบ SEO หรือผู้ใช้ | ควรแก้ไขโดยเร็ว |
| 🔧 Error | ตรวจสอบ check นั้นไม่สำเร็จ (timeout / network error) | ลองรันใหม่ หรือตรวจ URL |
Node vs Test Mode (สำหรับ Scripts tab)
| Node Mode | Test Mode | |
|---|---|---|
| รันด้วย | node script.js | npx 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/