ตัวดึงคลาส HTML: ค้นหาคลาสและจำนวนการใช้งาน
ตัวดึงคลาส HTML แยกวิเคราะห์ HTML แล้วแสดงรายการชื่อคลาสที่พบพร้อมจำนวนการใช้งาน จัดเรียงตามความถี่ วางหรือลาก HTML เพื่อดูว่าคลาสไหนปรากฏบ่อยที่สุด แล้วคัดลอกค่าที่ต้องการ ใช้ผลลัพธ์เพื่อตรวจสอบความครอบคลุมของ CSS ตรวจดูมาร์กอัปของหน้า หรือรวบรวมชื่อคลาสเพื่อตรวจสอบเพิ่มเติม
ตัวดึงคลาส HTML เป็นเครื่องมือบนเบราว์เซอร์สำหรับค้นหาชื่อคลาส CSS ใน HTML วางหรือลากมาร์กอัปเพื่อดูชื่อคลาสที่มี พร้อมจำนวนการใช้งานของแต่ละชื่อ ผลลัพธ์จัดเรียงตามความถี่ ทำให้ทบทวนคลาสที่ใช้บ่อยได้ก่อนและคัดลอกค่าที่ต้องการได้ง่าย
เครื่องมือแยกวิเคราะห์ HTML ที่ป้อนและดึงชื่อคลาสจากมาร์กอัป มุ่งเน้นที่คลาสและจำนวนการใช้งาน ไม่ได้อธิบายการแปลงระหว่าง HTML กับ CSS HTML ให้มาร์กอัปของหน้า ส่วน CSS ใช้ตัวเลือก รวมถึงตัวเลือกคลาส เพื่อกำหนดเป้าหมายองค์ประกอบสำหรับการจัดรูปแบบ การดึงชื่อคลาสให้รายการคลาสที่มีอยู่ใน HTML อย่างเป็นประโยชน์
นักพัฒนาสามารถใช้รายการนั้นเมื่อตรวจสอบความครอบคลุมของ CSS ตรวจมาร์กอัปของหน้าก่อนสแครป หรือเตรียมชื่อคลาสสำหรับสเปรดชีตหรือการทบทวนของทีม ผลลัพธ์ที่จัดเรียงตามความถี่ช่วยเน้นว่าคลาสไหนปรากฏบ่อยที่สุด ส่วนค่าที่คัดลอกสามารถรองรับการตรวจสอบเพิ่มเติมในเวิร์กโฟลว์ของคุณเอง เครื่องมือมีประโยชน์เมื่อต้องการดูการใช้งานคลาสอย่างรวดเร็วโดยไม่ต้องเขียนสคริปต์
ตัวดึงคลาส HTML ทำงานในเบราว์เซอร์ของคุณทั้งหมด ข้อมูลที่คุณป้อนจะถูกประมวลผลบนอุปกรณ์ของคุณและไม่ถูกอัปโหลด จัดเก็บ หรือส่งไปยังเซิร์ฟเวอร์ หลังจากหน้าเว็บโหลดเสร็จ เครื่องมือยังทำงานออฟไลน์ได้ ใช้งานฟรี นักพัฒนาและวิศวกร DevOps จึงตรวจสอบการใช้งานคลาส HTML ได้โดยไม่ต้องพึ่งขั้นตอนประมวลผลบนเซิร์ฟเวอร์
ขั้นตอนที่ 1: วางหรือลาก HTML ของคุณลงในช่องป้อน ใช้มาร์กอัปของหน้าที่มีแอตทริบิวต์คลาส
ขั้นตอนที่ 2: เริ่มการดึงเพื่อแยกวิเคราะห์ HTML และค้นหาชื่อคลาส
ขั้นตอนที่ 3: ตรวจสอบผลลัพธ์ ซึ่งแสดงชื่อคลาสแต่ละชื่อพร้อมจำนวนการใช้งานและจัดเรียงตามความถี่
ขั้นตอนที่ 4: คัดลอกชื่อคลาสหรือค่าที่ต้องการเพื่อการตรวจสอบ ทบทวน หรือสเปรดชีต
กรณีการใช้งาน: ตรวจสอบความครอบคลุมของ CSS โดยรวบรวมชื่อคลาสที่มีใน HTML ของหน้าและดูว่าแต่ละชื่อปรากฏบ่อยแค่ไหน
กรณีการใช้งาน: ตรวจสอบหน้าก่อนสแครปเพื่อดูว่ามาร์กอัปมีชื่อคลาสอะไรบ้าง
กรณีการใช้งาน: สร้างรายการชื่อคลาสสำหรับการทบทวนสไตล์ชีตหรือทำความสะอาด CSS โดยไม่ต้องเขียนสคริปต์
กรณีการใช้งาน: รวบรวมชื่อคลาสที่ดึงได้และจำนวนการใช้งานสำหรับสเปรดชีตหรือการทบทวนของทีม
กรณีการใช้งาน: ค้นหาชื่อคลาสที่ใช้บ่อยที่สุดได้อย่างรวดเร็วโดยดูผลลัพธ์ที่จัดเรียงตามความถี่
กรณีการใช้งาน: ตรวจสอบ HTML จากเทมเพลตหรือไฟล์ที่ส่งออกของหน้าเพื่อทำความเข้าใจว่าคลาสไหนปรากฏในมาร์กอัป