ส่วนขยายเบราว์เซอร์

เลิกขุดค้น DevTools ได้แล้ว
ตรวจสอบทุกองค์ประกอบในคลิกเดียว

เครื่องมือตรวจสอบ CSS สำหรับนักออกแบบและนักพัฒนา คัดลอกสไตล์ สี ฟอนต์ — ส่งออกเป็น Tailwind, Flutter และอีก 8 รูปแบบ เร็วกว่า DevTools 10 เท่า

Chrome Chrome Brave Brave Edge Edge Opera Opera
Firefox Firefox
Safari Safari
เร็วๆ นี้

ทำไมต้อง GetLayers?

สามพลังพิเศษที่แทนที่แท็บหลายสิบแท็บใน DevTools

10 รูปแบบส่งออก Pro

CSS, JSON, Tailwind, Flutter, SwiftUI, SCSS, Compose, Figma, React, Compact AI — คัดลอกรูปแบบใดก็ได้ในคลิกเดียว

CSS JSON SCSS Tailwind React JSX Flutter SwiftUI Compose Figma JSON Compact AI

เวิร์กโฟลว์ขับเคลื่อนด้วย AI Pro

เครื่องมือตรวจสอบ CSS เดียวที่มี Claude MCP ตรวจสอบองค์ประกอบ แก้ไขสไตล์ และแสดงรายการวิดเจ็ต — ทั้งหมดจาก AI ผู้ช่วยของคุณ

เครื่องมือตรวจสอบ CSS เดียวที่มี AI

ชุดเครื่องมือออกแบบครบวงจร Pro

โหมดแก้ไข ระยะห่าง ไม้บรรทัด ภาพหน้าจอ — ทุกสิ่งที่นักออกแบบต้องการในส่วนขยายเดียว

Free vs Pro

ดูทุกอย่างที่คุณได้รับ — และทุกอย่างที่คุณพลาด

Free

เพียงพอสำหรับสำรวจ
ตรวจสอบและเข้าใจ
ตรวจสอบสด
ค่าที่ประกาศ
ตรวจสอบฟอนต์
ฟอนต์ ขนาด น้ำหนัก line-height — เห็นได้เมื่อวางเมาส์
ตัวเลือกสี
คัดลอกสีใดก็ได้จากหน้าเว็บในคลิกเดียว
Color Lens
สีองค์ประกอบและพื้นหลัง — เห็นได้ทันที
จานสี
สีทั้งหมดในหน้าเว็บ รวบรวมอัตโนมัติ
ตรวจสอบคอนทราสต์ WCAG
ประวัติตัวเลือกสี
ประวัติสีทุกสีที่คุณคัดลอก
คัดลอกและส่งออก
CSS & JSON
SCSS
Tailwind
Flutter
SwiftUI
React JSX
Compose
Figma JSON
Compact AI
แก้ไขและออกแบบ
ล็อกและแก้ไข
ระยะห่างและไม้บรรทัด
Padding, margin, ระยะห่างระหว่างองค์ประกอบ สำหรับ CSS animation — ค่า min/max
CSS Diff
เปรียบเทียบสององค์ประกอบ: อะไรต่างกันและอะไรเหมือนกัน
ภาพหน้าจอ
โปรไฟล์การแก้ไข
บันทึกสไตล์ที่แก้ไขเป็นโปรไฟล์ที่ใช้งานอัตโนมัติ
ดาวน์โหลดและแชร์
ดาวน์โหลดทรัพยากร
รูปภาพ ฟอนต์ และพื้นหลังจากหน้าเว็บใดก็ได้
ดูตัวอย่างและ ZIP
ดูตัวอย่างองค์ประกอบที่เลือกแยกต่างหากบนหน้าแยก
ส่งออก ZIP
พลัง AI
รายการวิดเจ็ต MCP
MCP Inspect
เชื่อมต่อผู้ช่วย AI เพื่อตรวจสอบและแก้ไขสไตล์
MCP แก้ไขสไตล์

Pro

ทุกอย่างที่คุณต้องการ
ตรวจสอบและเข้าใจ
ตรวจสอบสด
ค่าที่ประกาศ
ตรวจสอบฟอนต์
ฟอนต์ ขนาด น้ำหนัก line-height — เห็นได้เมื่อวางเมาส์
ตัวเลือกสี
คัดลอกสีใดก็ได้จากหน้าเว็บในคลิกเดียว
Color Lens
สีองค์ประกอบและพื้นหลัง — เห็นได้ทันที
จานสี
สีทั้งหมดในหน้าเว็บ รวบรวมอัตโนมัติ
ตรวจสอบคอนทราสต์ WCAG
ประวัติตัวเลือกสี
ประวัติสีทุกสีที่คุณคัดลอก
คัดลอกและส่งออก
CSS & JSON
SCSS
Tailwind
Flutter
SwiftUI
React JSX
Compose
Figma JSON
Compact AI
แก้ไขและออกแบบ
ล็อกและแก้ไข
ระยะห่างและไม้บรรทัด
Padding, margin, ระยะห่างระหว่างองค์ประกอบ สำหรับ CSS animation — ค่า min/max
CSS Diff
เปรียบเทียบสององค์ประกอบ: อะไรต่างกันและอะไรเหมือนกัน
ภาพหน้าจอ
โปรไฟล์การแก้ไข
บันทึกสไตล์ที่แก้ไขเป็นโปรไฟล์ที่ใช้งานอัตโนมัติ
ดาวน์โหลดและแชร์
ดาวน์โหลดทรัพยากร
รูปภาพ ฟอนต์ และพื้นหลังจากหน้าเว็บใดก็ได้
ดูตัวอย่างและ ZIP
ดูตัวอย่างองค์ประกอบที่เลือกแยกต่างหากบนหน้าแยก
ส่งออก ZIP
พลัง AI
รายการวิดเจ็ต MCP
MCP Inspect
เชื่อมต่อผู้ช่วย AI เพื่อตรวจสอบและแก้ไขสไตล์
MCP แก้ไขสไตล์
50+
เครื่องมือ
10
รูปแบบ
20
ภาษา
2
อุปกรณ์

ราคาเรียบง่าย

เริ่มต้นฟรี อัปเกรดเมื่อคุณต้องการมากขึ้น

Pro ตลอดชีพ
฿1,649
ชำระครั้งเดียว
ทั้ง 10 รูปแบบ โหมดแก้ไข ระยะห่าง ภาพหน้าจอ AI — ชุดเครื่องมือครบ
รับสิทธิ์ตลอดชีพ
จ่ายครั้งเดียว ใช้ตลอดไป ไม่ต้องต่ออายุ
Pro รายเดือน
฿99
ต่อเดือน
ทั้ง 10 รูปแบบ โหมดแก้ไข ระยะห่าง ภาพหน้าจอ AI — ชุดเครื่องมือครบ
ใช้ Pro
ถูกกว่ากาแฟ ยกเลิกได้ทุกเมื่อ
Free
฿0
ตลอดไป
9 เครื่องมือฟรี, 2 รูปแบบส่งออก, 20 ภาษา
เริ่มตรวจสอบ — ฟรี
ไม่ต้องใช้บัตร เริ่มได้ใน 10 วินาที
รับประกันคืนเงินภายใน 7 วัน

FAQ

ใช่! ตรวจสอบสด คัดลอก CSS/JSON ตัวเลือกสี ตรวจสอบฟอนต์ Color Lens จานสี และ 20 ภาษา ฟรีทั้งหมด ไม่มีช่วงทดลอง ไม่มีจำกัดเวลา
10 รูปแบบส่งออก (SCSS, Tailwind, Flutter, SwiftUI, Compose, Figma JSON, Compact AI) โหมดล็อกและแก้ไข โปรไฟล์การแก้ไข ประวัติตัวเลือกสี ดาวน์โหลดทรัพยากร เครื่องมือระยะห่างและไม้บรรทัด ภาพหน้าจอ และการรวม MCP AI เต็มรูปแบบ
ใบอนุญาต Pro ใช้ได้สูงสุด 2 อุปกรณ์ คุณสามารถปิดใช้งานอุปกรณ์ได้ตลอดเวลาเพื่อเปิดช่องว่าง
มี รับประกันคืนเงินภายใน 7 วัน ไม่ถามเหตุผล
GetLayers ใช้ได้บน Chrome, Brave, Edge และ Opera รองรับ Firefox ด้วย การรองรับ Safari กำลังจะมาเร็วๆ นี้
หลังซื้อ คุณจะได้รับรหัสใบอนุญาตทางอีเมล เปิด popup GetLayers ไปที่การตั้งค่า แล้ววางรหัสของคุณ เปิดใช้งานทันที
เปิดการตั้งค่าใน popup GetLayers แล้วกดปิดใช้งาน จะเปิดช่องอุปกรณ์ว่าง จากนั้นเปิดใช้งานบนอุปกรณ์ใหม่ด้วยรหัสเดิม
รหัสใบอนุญาตถูกเก็บไว้ในเครื่อง หลังติดตั้งใหม่ ให้กรอกรหัสอีกครั้งในการตั้งค่า ถ้าทั้งสองช่องเต็ม ให้ปิดใช้งานอุปกรณ์หนึ่งก่อน
เราใช้ Gumroad สำหรับการชำระเงิน รับบัตรเครดิตหลักทุกประเภท, PayPal และ Apple Pay
แผนรายเดือนและรายปีต่ออายุอัตโนมัติ ตลอดชีพจ่ายครั้งเดียว — เป็นของคุณตลอดไป รวมอัปเดตในอนาคตทั้งหมด

ติดต่อเรา

มีคำถาม พบบั๊ก หรืออยากร่วมมือ? ส่งข้อความถึงเรา

ส่งข้อความแล้ว!
เราจะตอบกลับโดยเร็วที่สุด