ตรวจสอบและแก้ไขสไตล์ CSS แบบเรียลไทม์
เครื่องมือฟรีที่ทรงพลังสำหรับนักพัฒนา ช่วยให้คุณเลื่อนเมาส์ไปบนองค์ประกอบใดก็ได้เพื่อดูคุณสมบัติ CSS…
แก้ไขและควบคุมแอนิเมชัน CSS แบบเรียลไทม์
ควบคุมทุกแอนิเมชัน CSS และทรานซิชันบนหน้าเว็บอย่างเต็มที่…
แปลง CSS เป็นคลาส Tailwind
คลิกองค์ประกอบใดก็ได้และรับคลาส Tailwind…
แสดงโครงสร้างเลย์เอาต์ทั้งหมด
เพิ่มเส้นขอบสีให้ทุกองค์ประกอบ HTML…
รับคลาส Tailwind แบบจัดหมวดหมู่
ตรวจสอบองค์ประกอบและสร้างรายละเอียดคลาส Tailwind CSS…
มุมมองแผนผัง HTML
แสดงโครงสร้าง DOM ทั้งหมดเป็นแผนผังบนหน้าเว็บโดยตรง
ตรวจจับ React, Vue, Angular และ Svelte
ตรวจจับ framework frontend อัตโนมัติและแสดงแผนผังคอมโพเนนต์
ลากและวางเพื่อย้ายตำแหน่ง
คลิกองค์ประกอบใดก็ได้และลากไปยังตำแหน่งใหม่
ลบหรือสลับการมองเห็น
ลบหรือซ่อนองค์ประกอบด้วยคลิกเดียว
ส่งออกเป็น HTML, CSS หรือ JSON
คลิกและส่งออกโครงสร้างในสามรูปแบบ
สร้าง React, Vue และ Svelte
แปลงองค์ประกอบเป็นไฟล์คอมโพเนนต์พร้อมใช้
จับภาพพื้นที่ที่เห็นหรือทั้งหน้า
จับภาพคุณภาพสูงในสองโหม�…
ดู เลือก และดาวน์โหลดทุกรูปภาพ
สแกนหน้าเว็บและแสดงทุกรูปภาพในแกลเลอรี่
ค้นหา ดูตัวอย่าง และดาวน์โหลด SVG
ค้นพบ SVG ทุกตัว — inline, ไฟล์ภายนอก, sprite และ data URI
สลับรูปภาพด้วยของคุณ
คลิกรูปภาพและแทนที่ — อัปโหลดหรือวาง URL
สร้าง QR Code ทันที
สร้าง QR Code สำหรับ URL หน้าปัจจุบันหรือข้อความกำหนดเอง
ไม้บรรทัดและเส้นนำแม่นยำระดับพิกเซล
เพิ่มไม้บรรทัดและเส้นนำแบบ Photoshop
ดูหลายอุปกรณ์พร้อมกัน
แสดงหน้าในหลายขนาด viewport เคียงข้างกัน
วัดระยะพิกเซลที่แม่นยำ
คลิกสององค์ประกอบและดูระยะห่างทันที
แสดงบริบทการซ้อนและชั้น z-index
เผยลำดับการซ้อนทั้งหมดของทุกองค์ประกอบ
ตรวจ CSS Grid และ Flexbox ด้วยการซ้อนภาพ
ตรวจจับทุก container และแสดงโครงสร้างเป็นสี
จำลองจุดสนใจผู้ใช้
สร้างแผนที่ความร้อนคาดการณ์ตาม UX
ล้าง cache, cookie, localStorage แบบเลือก
ล้างข้อมูลเฉพาะประเภทสำหรับเว็บปัจจุบัน
ตรวจจับทุกเทคโนโลยีเบื้องหลังเว็บ
สแกนเว็บไซต์และระบุ tech stack ทั้งหมด
ตรวจ SEO ครบ: Meta, หัวเรื่อง, OpenGraph
ให้การตรวจ SEO ทันทีและครบถ้วน
ตรวจ WCAG อัตโนมัติ
เรียกใช้การตรวจ WCAG 2.1 Level AA อัตโนมัติ
คลิกข้อความเพื่อแก้ไขทันที
ทำให้ทุกข้อความบนหน้าแก้ไขได้ด้วยคลิกเดียว
เปลี่ยนฟอนต์ทั้งหมดหรือเฉพาะองค์ประกอบ
เปลี่ยนฟอนต์บนหน้าเว็บด้วย Google Fonts
ค้นพบทุกฟอนต์ที่ใช้
สแกนหน้าและแสดงรายการฟอนต์ทั้งหมด
หยดตาแม่นยำสำหรับ HEX, RGB, HSL
เครื่องมือหยดตาแม่นยำระดับพิกเซล
ดึงจานสีทั้งหมดจากหน้าเว็บ
สแกนทุกองค์ประกอบและดึงชุดสีเรียงตามความถี่
ใช้โหมดมืดบนเว็บใดก็ได้ทันที
ใช้ชุดสีมืดบนเว็บที่ไม่มีตัวเลือกโหมดมืด
เปิดหรือปิด JS สำหรับแท็บปัจจุบัน
ปิดหรือเปิด JavaScript ด้วยคลิกเดียว
ดู แก้ไข เพิ่ม และลบ Cookie
แสดง Cookie ทั้งหมดในตารางจัดเรียงได้
ดูผลลัพธ์ Console ในแผงลอย
จับผลลัพธ์ Console ทั้งหมดในแผงลอยบนหน้าเว็บ
ตรวจคำขอเครือข่ายเรียลไทม์
จับและแสดงทุกคำขอเครือข่ายเรียลไทม์
ดูและแก้ไข localStorage/sessionStorage
อินเทอร์เฟซตารางสำหรับจัดการ localStorage
สแกนทุกลิงก์หาลิงก์เสีย
สแกนและระบุลิงก์เสีย (404, timeout, ข้อผิดพลาด)
แดชบอร์ดประสิทธิภาพทันที
สรุปประสิทธิภาพทันทีของหน้าเว็บใดก็ได้
จัดรูปแบบ, ย่อขนาด และตรวจสอบ JSON ในคลิกเดียว
JSON Formatter ช่วยจัดรูปแบบ (Pretty-print), ย่อขนาด (Minify) และตรวจสอบความถูกต้อง (Validate) ของ JSON…
เข้ารหัสและถอดรหัสสตริงเป็น Base64 ได้ทันที
Base64 Encoder/Decoder ช่วยแปลงข้อความเป็น Base64 และแปลง Base64 กลับเป็นข้อความได้โดยตรงในเบราว์เซอร์ของคุณ…
เข้ารหัสและถอดรหัสสตริง URL ในคลิกเดียว
URL Encoder/Decoder ช่วยแปลงสตริง URL ไปและกลับจากรูปแบบ Percent-encoded เลือกได้ระหว่าง encodeURIComponent…
เข้ารหัสและถอดรหัส HTML Entity ได้ทันที
HTML Entity Encoder ช่วยแปลงอักขระพิเศษ (< > & " ') เป็นค่า HTML Entity (< > & " ') และแปลงกลับ…
Escape และ Unescape สตริงสำหรับเขียนโค้ด
Backslash Escape/Unescape ช่วยแปลงสตริงไปและกลับจากรูปแบบที่ถูก Escape (\n \t \r \" \' \\ และ Unicode escape)…
แปลงรูปภาพไปและกลับจาก Base64 Data URI
Image ↔ Base64 ช่วยแปลงไฟล์รูปภาพ (PNG, JPG, SVG, WebP, GIF) เป็น Data URI ที่เข้ารหัสแบบ Base64 และแปลงกลับ เพียงลาก…
ถอดรหัส JSON Web Token ได้ทันที
JWT Debugger ช่วยถอดรหัสและตรวจสอบ JSON Web Token — โดยการพาร์ส Header, Payload และ Signature แสดงรายการ Claim ต่างๆ…
สร้างรหัส UUID v4 แบบชุดใหญ่
UUID Generator ช่วยสร้างรหัส UUID v4 ที่มีความปลอดภัยสูงด้วย Crypto API ของเบราว์เซอร์…
คำนวณรหัส Hash ทั้ง MD5, SHA-1, SHA-256, SHA-384, SHA-512
Hash Generator ช่วยคำนวณรหัส Hash ทางคริปโตกราฟิก (MD5, SHA-1, SHA-256, SHA-384, SHA-512) จากข้อความใดๆ…
สร้างรหัสผ่านที่มีความปลอดภัยสูงทางคริปโตกราฟิก
Password Generator ช่วยสร้างรหัสผ่านแบบสุ่มที่แข็งแกร่งโดยใช้ API ความสุ่มทางคริปโตกราฟิกของเบราว์เซอร์…
ทดสอบ Regular Expression แบบสดๆ พร้อมไฮไลต์จุดที่ตรงกัน
Regex Tester ช่วยประเมิน Regular Expression เทียบกับข้อความทดสอบแบบเรียลไทม์ จุดที่ตรงกันจะถูกไฮไลต์ด้วยสีที่สลับกัน…
แปลงวันที่ระหว่างรูปแบบ Unix, ISO และรูปแบบที่มนุษย์อ่านออก
Timestamp Converter ช่วยแปลงค่าระหว่าง Unix Timestamp (วินาที, มิลลิวินาที, ไมโครวินาที, นาโนวินาที), ISO 8601, RFC…
เปรียบเทียบข้อความสองชุดแบบบรรทัดต่อบรรทัด
Diff Tool ช่วยเปรียบเทียบข้อความสองชุดและไฮไลต์บรรทัดที่เพิ่มขึ้น, ลบออก และบรรทัดที่ไม่เปลี่ยนแปลงด้วยสีที่ต่างกัน…
ตรวจสอบอัตราส่วนความต่างสีตามมาตรฐาน WCAG
Contrast Checker ช่วยคำนวณอัตราส่วนความต่างสี (Contrast Ratio) ตามมาตรฐาน WCAG 2.1 ระหว่างสองสี และประเมินผลตามเกณฑ์…
แปลงสีระหว่าง HEX, RGB, HSL, HSV และ OKLCH ได้ทันที
Color Format Converter ช่วยแปลงสีระหว่าง HEX, RGB, HSL, HSV และ OKLCH โดยเลือกสีผ่าน Color Picker, พิมพ์ค่า Hex…
ดึงชุดสีหลักจากรูปภาพใดก็ได้
Image Color Extractor ช่วยวิเคราะห์ไฟล์รูปภาพ (ลากวาง, วางจากคลิปบอร์ด หรือคลิกเพื่อโหลด) และแสดงสีหลักสูงสุด 16…
หา CSS Selector และ XPath สำหรับทุกองค์ประกอบ
DOM Path Finder ช่วยให้คุณชี้เมาส์เหนือองค์ประกอบใดก็ได้บนหน้าเว็บเพื่อดู CSS Selector ที่ไม่ซ้ำกัน, Selector แบบย่อ…
ทดสอบคำขอ Cross-Origin และตรวจสอบส่วนหัว CORS
CORS Checker ช่วยทดสอบว่าคำขอ Cross-Origin จากไซต์ของคุณจะได้รับอนุญาตจากเซิร์ฟเวอร์ปลายทางหรือไม่ โดยมีการรันทั้งคำขอ…
ดักจับ WebSocket Frame แบบเรียลไทม์
WebSocket Inspector ช่วยดักจับทุก Frame ของ WebSocket ทั้งขาไปและขากลับ ในทุกการเชื่อมต่อบนหน้าเว็บ…
สแกนหาไฟล์รูปภาพที่เสียบนหน้าเว็บได้ทันที
Broken Image Finder ช่วยสแกนทุกแท็ก <img> และ CSS background-image บนหน้าเว็บ เพื่อตรวจจับการโหลดที่ล้มเหลว (404, ปัญหา…
กรอกข้อมูลแบบฟอร์มอัตโนมัติด้วยข้อมูลทดสอบที่สมจริง
Form Filler ช่วยกรอกทุกช่องข้อมูลที่มองเห็นบนหน้าเว็บด้วยข้อมูลทดสอบที่สมจริง — เช่น ชื่อ, อีเมล, เบอร์โทรศัพท์…
แปลงไฟล์ระหว่าง CSV และ JSON ได้ทั้งสองทิศทาง
CSV ↔ JSON Converter จัดการการแปลงข้อมูลไปมาระหว่างสองรูปแบบตารางที่นิยมที่สุด ตัวพาร์ส CSV…
จัดรูปแบบ, ตรวจสอบ และดูไฟล์ XML พร้อมไฮไลต์ไวยากรณ์
XML Formatter ช่วยจัดรูปแบบให้อ่านง่าย (Pretty-print), ย่อขนาด (Minify) และตรวจสอบความถูกต้องของ XML ภายในเบราว์เซอร์…
จัดรูปแบบและปรับแต่งคิวรี SQL ให้สวยงาม
SQL Formatter ช่วยแปลง SQL ที่ย่อขนาดหรือยุ่งเหยิงให้เป็นคิวรีที่อ่านง่ายและมีการย่อหน้าอย่างเหมาะสม…
บันทึกหน้าเว็บเป็นไฟล์ PDF ที่สะอาดตา
Convert to PDF ช่วยบันทึกหน้าเว็บปัจจุบันเป็นไฟล์ PDF ผ่านหน้าต่างการพิมพ์ของเบราว์เซอร์…
