HTML Minifier

เกี่ยวกับเครื่องมือนี้

ดังนั้น คุณมีไฟล์ HTML ที่ทำงานได้ มันใช้งานได้ แต่มันค่อนข้างอ้วน—อาจจะมีช่องว่างเกินความจำเป็น ความคิดเห็น และการขึ้นบรรทัดใหม่ที่ไม่จำเป็นจริงๆ นั่นคือจุดที่ HTML minifier เข้ามาช่วย ให้คิดว่าเป็น Marie Kondo ดิจิทัล: มันจัดระเบียบโค้ดของคุณ เก็บสิ่งที่มีประโยชน์ไว้ และทิ้งส่วนที่เหลือไป ไม่มีสิ่งเกินจำเป็น เพียงแค่ HTML ที่สะอาด เบากว่า โหลดเร็วขึ้น และใช้พื้นที่น้อยลง ผมได้ใช้เครื่องมือเหล่านี้มาหลายตัวตลอดหลายปี—บางตัวดี บางตัวแย่ เครื่องมือที่ดีที่สุดไม่ได้แค่ลบช่องว่างออกไปเท่านั้น แต่พวกมันรู้ว่าเมื่อไหร่ที่ควรปล่อยให้สิ่งต่างๆ อยู่ เช่น ภายในแท็ก

 หรือสคริปต์แบบอินไลน์ พวกมันมีสติ ไม่รุนแรง และจริงๆ แล้ว? เมื่อคุณเริ่มใช้เครื่องมือแบบนี้เป็นประจำ คุณจะสงสัยว่าตัวเองอยู่รอดได้ยังไงโดยไม่มีมัน
คุณสมบัติหลัก
 
ลบช่องว่างที่ไม่จำเป็น การขึ้นบรรทัดใหม่ และการเยื้องออกไป—โดยไม่ทำลายเค้าโครงของคุณ
 
ลบความคิดเห็นใน HTML ออก (ยกเว้นความคิดเห็นแบบมีเงื่อนไข ถ้าคุณต้องการ)
 
ยุบแอตทริบิวต์บูลีนออกเป็นตัวเลือก—เปลี่ยน disabled="disabled" เป็นเพียง disabled
 
ย่อ CSS และ JavaScript แบบอินไลน์ภายในแท็ก style และ script (ถ้าเปิดใช้งาน)
 
รักษาเนื้อหาภายใน 
, </code>, และแท็กอื่นๆ ที่ต้องการช่องว่างไว้</li> <li>ทำงานกับเอกสารเต็มหรือส่วนย่อย—เหมาะสำหรับการแก้ไขด่วนหรือไปป์ไลน์การสร้าง</li> <li>มักจะมีตัวเลือกแสดงตัวอย่างหรือมุมมองเปรียบเทียบ เพื่อให้คุณเห็นว่ามีอะไรเปลี่ยนแปลงก่อนที่จะยืนยัน</li></ul><h2>คำถามที่พบบ่อย</h2><p><strong>การย่อ HTML จะทำให้เว็บไซต์ของฉันพังไหม?</strong><br>ไม่ ถ้าคุณใช้เครื่องมือที่ดีพอ เครื่องมือย่อสมัยใหม่ส่วนใหญ่ระมัดระวัง พวกมันจะไม่แตะเนื้อหาที่ต้องการช่องว่าง เช่น ภายในบล็อก <code><pre></code> แต่คุณควรทดสอบหลังจากย่อเสมอ—โดยเฉพาะถ้าคุณทำในสภาพแวดล้อมการใช้งานจริง การตรวจสอบเบื้องต้นในเครื่องคุณจะช่วยป้องกันปัญหาในอนาคต</p><p><strong>HTML ที่ถูกย่อยังอ่านได้อยู่ไหม?</strong><br>ไม่ และนั่นแหละคือจุดประสงค์ มันไม่ได้มีไว้ให้มนุษย์อ่าน—มันมีไว้ให้เบราว์เซอร์วิเคราะห์ได้เร็ว ถ้าคุณต้องการดีบัก ให้เก็บเวอร์ชันที่สะอาดไว้ในรีโปของคุณ ย่อเฉพาะเมื่อจะปรับใช้หรือหน้าที่สำคัญต่อประสิทธิภาพเท่านั้น</p> </div> <!-- Ad Banner After Content --> <!-- Social Share --> <div class="social-share text-center mt-5" style="padding-top: 30px; border-top: 1px solid #e2e8f0;"> <div class="share-icons relative gap-2 d-flex justify-content-center" style="gap: 12px;"> <a href="https://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2F3tools.shop%2Fth%2Fhtml-minifier" target="_blank" class="btn btn-primary btn-icon-only rounded-circle" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"><i class="fab fa-facebook-f"></i></a> <a href="https://twitter.com/intent/tweet?url=http%3A%2F%2F3tools.shop%2Fth%2Fhtml-minifier&text=HTML+Minifier" target="_blank" class="btn btn-info btn-icon-only rounded-circle text-white" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"><i class="fab fa-twitter"></i></a> <a href="https://wa.me/?text=HTML+Minifier+http%3A%2F%2F3tools.shop%2Fth%2Fhtml-minifier" target="_blank" class="btn btn-success btn-icon-only rounded-circle" style="width: 45px; height: 45px; display: flex; align-items: center; justify-content: center;"><i class="fab fa-whatsapp"></i></a> </div> </div> </div> </section> </div> </div></div><footer class="footer bg-white pt-5 pb-3 mt-5 border-top"> <div class="container"> <!-- Footer Ad --> <div class="row gx-4"> <!-- About Column --> <div class="col-lg-3 col-md-6 mb-4"> <h5 class="fw-bold mb-3">3WEBTOOL – เครื่องมือฟรีสำหรับเว็บ เพื่อการ SEO รูปภาพ และนักพัฒนา</h5> <p class="text-muted small">3WEBTOOL เป็นแพลตฟอร์มออนไลน์ฟรีที่ทรงพลัง ซึ่งคุณสามารถใช้เครื่องมือ SEO, การบีบอัดรูปภาพ, เครื่องมือข้อความ, ยูทิลิตี้สำหรับนักพัฒนา, เครื่องมือแปลงข้อมูล และเครื่องมือเว็บดิจิทัลได้ เครื่องมือเว็บที่รวดเร็ว ปลอดภัย และฟรี 100% สำหรับนักเขียนบล็อก นักพัฒนา และนักการตลาดดิจิทัล</p> <div class="social-links mt-3"> <a href="#" class="text-muted me-3" aria-label="Facebook"><i class="fab fa-facebook fa-lg"></i></a> <a href="#" class="text-muted me-3" aria-label="Twitter"><i class="fab fa-twitter fa-lg"></i></a> <a href="#" class="text-muted me-3" aria-label="Instagram"><i class="fab fa-instagram fa-lg"></i></a> </div> </div> <!-- Tools Category Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">หมวดหมู่เครื่องมือ</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://3tools.shop/th/category/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1" class="text-muted text-decoration-none"> เครื่องมือข้อความ </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/category/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%A1%E0%B8%B7%E0%B8%AD-youtube" class="text-muted text-decoration-none"> เครื่องมือ YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/category/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%A1%E0%B8%B7%E0%B8%AD-seo" class="text-muted text-decoration-none"> เครื่องมือ SEO </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/category/%E0%B9%82%E0%B8%94%E0%B9%80%E0%B8%A1%E0%B8%99%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%A1%E0%B8%B7%E0%B8%AD-ip" class="text-muted text-decoration-none"> โดเมนและเครื่องมือ IP </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/category/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B8%88%E0%B8%B1%E0%B8%94%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A%E0%B9%84%E0%B8%8B%E0%B8%95%E0%B9%8C" class="text-muted text-decoration-none"> เครื่องมือจัดการเว็บไซต์ </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/category/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B8%AA%E0%B8%B3%E0%B8%AB%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%9E%E0%B8%B1%E0%B8%92%E0%B8%99%E0%B8%B2%E0%B9%80%E0%B8%A7%E0%B9%87%E0%B8%9A" class="text-muted text-decoration-none"> เครื่องมือสำหรับการพัฒนาเว็บ </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/category/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B9%81%E0%B8%81%E0%B9%89%E0%B9%84%E0%B8%82%E0%B8%A0%E0%B8%B2%E0%B8%9E" class="text-muted text-decoration-none"> เครื่องมือแก้ไขภาพ </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/category/p%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%84%E0%B8%B4%E0%B8%94%E0%B9%80%E0%B8%A5%E0%B8%82%E0%B8%AD%E0%B8%AD%E0%B8%99%E0%B9%84%E0%B8%A5%E0%B8%99%E0%B9%8C%2Fp" class="text-muted text-decoration-none"> <p>เครื่องคิดเลขออนไลน์</p> </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/category/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B9%81%E0%B8%9B%E0%B8%A5%E0%B8%87%E0%B9%80%E0%B8%A5%E0%B8%82%E0%B8%90%E0%B8%B2%E0%B8%99%E0%B8%AA%E0%B8%AD%E0%B8%87" class="text-muted text-decoration-none"> เครื่องมือแปลงเลขฐานสอง </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/category/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B9%81%E0%B8%9B%E0%B8%A5%E0%B8%87%E0%B8%AB%E0%B8%99%E0%B9%88%E0%B8%A7%E0%B8%A2" class="text-muted text-decoration-none"> เครื่องมือแปลงหน่วย </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/category/%E0%B9%80%E0%B8%84%E0%B8%A3%E0%B8%B7%E0%B9%88%E0%B8%AD%E0%B8%87%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B8%AD%E0%B8%B7%E0%B9%88%E0%B8%99%E0%B9%86" class="text-muted text-decoration-none"> เครื่องมืออื่นๆ </a> </li> </ul> </div> <!-- Legal Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">กฎหมาย</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://3tools.shop/th/page/%E0%B9%80%E0%B8%81%E0%B8%B5%E0%B9%88%E0%B8%A2%E0%B8%A7%E0%B8%81%E0%B8%B1%E0%B8%9A%E0%B9%80%E0%B8%A3%E0%B8%B2" class="text-muted text-decoration-none"> เกี่ยวกับเรา </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/page/%E0%B8%95%E0%B8%B4%E0%B8%94%E0%B8%95%E0%B9%88%E0%B8%AD%E0%B9%80%E0%B8%A3%E0%B8%B2" class="text-muted text-decoration-none"> ติดต่อเรา </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/page/%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B8%88%E0%B8%B3%E0%B8%81%E0%B8%B1%E0%B8%94%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B8%A3%E0%B8%B1%E0%B8%9A%E0%B8%9C%E0%B8%B4%E0%B8%94%E0%B8%8A%E0%B8%AD%E0%B8%9A" class="text-muted text-decoration-none"> ข้อจำกัดความรับผิดชอบ </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/page/%E0%B8%99%E0%B9%82%E0%B8%A2%E0%B8%9A%E0%B8%B2%E0%B8%A2%E0%B8%84%E0%B8%A7%E0%B8%B2%E0%B8%A1%E0%B9%80%E0%B8%9B%E0%B9%87%E0%B8%99%E0%B8%AA%E0%B9%88%E0%B8%A7%E0%B8%99%E0%B8%95%E0%B8%B1%E0%B8%A7" class="text-muted text-decoration-none"> นโยบายความเป็นส่วนตัว </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/page/%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B8%81%E0%B8%B3%E0%B8%AB%E0%B8%99%E0%B8%94%E0%B9%83%E0%B8%99%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B9%83%E0%B8%AB%E0%B9%89%E0%B8%9A%E0%B8%A3%E0%B8%B4%E0%B8%81%E0%B8%B2%E0%B8%A3" class="text-muted text-decoration-none"> ข้อกำหนดในการให้บริการ </a> </li> <!-- Static Contact Link --> <li class="mb-2"> <a href="https://3tools.shop/th/contact" class="text-muted text-decoration-none"> ติดต่อเรา </a> </li> </ul> </div> <!-- Our YouTube Tools Column --> <div class="col-lg-2 col-md-6 mb-4"> <h6 class="fw-bold mb-3">เครื่องมือ YouTube ของเรา</h6> <ul class="list-unstyled small"> <li class="mb-2"> <a href="https://3tools.shop/th/ตรวจสอบการจำกัดภูมิภาคของ-youtube" class="text-muted text-decoration-none"> ตรวจสอบการจำกัดภูมิภาคของ YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/เครื่องคำนวณเงินจาก-youtube" class="text-muted text-decoration-none"> เครื่องคำนวณเงินจาก YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/เครื่องมือสร้างโค้ดฝัง-youtube" class="text-muted text-decoration-none"> เครื่องมือสร้างโค้ดฝัง YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/เครื่องมือสร้างแฮชแท็กของ-youtube" class="text-muted text-decoration-none"> เครื่องมือสร้างแฮชแท็กของ YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/เครื่องมือดาวน์โหลดแบนเนอร์ช่อง-youtube" class="text-muted text-decoration-none"> เครื่องมือดาวน์โหลดแบนเนอร์ช่อง YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/youtube-title-extractor" class="text-muted text-decoration-none"> YouTube Title Extractor </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/ตัวดึงข้อมูลไอดีช่อง-youtube" class="text-muted text-decoration-none"> ตัวดึงข้อมูลไอดีช่อง YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/เครื่องสร้างชื่อ-youtube" class="text-muted text-decoration-none"> เครื่องสร้างชื่อ YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/youtube-tag-extractor" class="text-muted text-decoration-none"> YouTube Tag Extractor </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/เครื่องมือสร้างแท็ก-youtube" class="text-muted text-decoration-none"> เครื่องมือสร้างแท็ก YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/ตรวจสอบอายุของช่อง-youtube" class="text-muted text-decoration-none"> ตรวจสอบอายุของช่อง YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/สถิติช่อง-youtube" class="text-muted text-decoration-none"> สถิติช่อง YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/เครื่องมือสร้างลิงก์การสมัครสมาชิก-youtube" class="text-muted text-decoration-none"> เครื่องมือสร้างลิงก์การสมัครสมาชิก YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/เครื่องมือสร้างลิงก์ช่วงเวลา-youtube" class="text-muted text-decoration-none"> เครื่องมือสร้างลิงก์ช่วงเวลา YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/เครื่องมือเลือกความคิดเห็น-youtube" class="text-muted text-decoration-none"> เครื่องมือเลือกความคิดเห็น YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/youtube-hashtag-extractor" class="text-muted text-decoration-none"> YouTube Hashtag Extractor </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/เครื่องมือสร้างคำอธิบาย-youtube" class="text-muted text-decoration-none"> เครื่องมือสร้างคำอธิบาย YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/โปรแกรมดาวน์โหลดโลโก้ช่อง-youtube" class="text-muted text-decoration-none"> โปรแกรมดาวน์โหลดโลโก้ช่อง YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/เครื่องมือค้นหาช่อง-youtube" class="text-muted text-decoration-none"> เครื่องมือค้นหาช่อง YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/เครื่องคำนวณอัตราส่วนการดู-youtube" class="text-muted text-decoration-none"> เครื่องคำนวณอัตราส่วนการดู YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/youtube-description-extractor" class="text-muted text-decoration-none"> YouTube Description Extractor </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/ตรวจสอบจำนวนวิดีโอ-youtube" class="text-muted text-decoration-none"> ตรวจสอบจำนวนวิดีโอ YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/ตรวจสอบความยาวชื่อ-youtube" class="text-muted text-decoration-none"> ตรวจสอบความยาวชื่อ YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/ตัวพิมพ์ใหญ่ชื่อวิดีโอ-youtube" class="text-muted text-decoration-none"> ตัวพิมพ์ใหญ่ชื่อวิดีโอ Youtube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/เครื่องมือดาวน์โหลดภาพขนาดย่อของ-youtube" class="text-muted text-decoration-none"> เครื่องมือดาวน์โหลดภาพขนาดย่อของ YouTube </a> </li> <li class="mb-2"> <a href="https://3tools.shop/th/สถิติวิดีโอ-youtube" class="text-muted text-decoration-none"> สถิติวิดีโอ YouTube </a> </li> </ul> </div> <!-- Newsletter Column --> <div class="col-lg-3 col-md-6 mb-4"> <h6 class="fw-bold mb-3">จดหมายข่าว</h6> <p class="small text-muted">สมัครรับจดหมายข่าวของเราเพื่อรับการอัปเดต</p> <form id="newsletterForm" class="mt-2" onsubmit="return handleSubscribe(event)"> <div class="input-group"> <input type="email" id="subEmail" class="form-control form-control-sm" placeholder="Your email" required> <button class="btn btn-primary btn-sm" type="submit" id="subBtn">สมัครสมาชิก</button> </div> <small class="text-success d-none mt-2 d-block" id="subMsg"></small> </form> </div> </div> <hr class="my-4"> <div class="row align-items-center"> <div class="col-md-6 text-center text-md-start"> <p class="small text-muted mb-0">© 2026 3WEBTOOL – เครื่องมือฟรีสำหรับเว็บ เพื่อการ SEO รูปภาพ และนักพัฒนา. สงวนลิขสิทธิ์ทั้งหมด</p> </div> </div> </div></footer><!-- Bootstrap JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
<!-- Custom JS -->
<script src="https://3tools.shop/assets/js/main.js"></script>
<script>
    function handleSubscribe(e) {
        e.preventDefault();
        const email = document.getElementById('subEmail').value;
        const btn = document.getElementById('subBtn');
        const msg = document.getElementById('subMsg');
        
        btn.disabled = true;
        btn.innerHTML = '...';
        
        const formData = new FormData();
        formData.append('email', email);
        
        fetch('https://3tools.shop/ajax/subscribe.php', {
            method: 'POST',
            body: formData
        })
        .then(response => response.json())
        .then(data => {
            btn.disabled = false;
            btn.innerHTML = 'Subscribe';
            msg.textContent = data.message;
            msg.classList.remove('d-none');
            
            if (data.success) {
                msg.classList.remove('text-danger');
                msg.classList.add('text-success');
                document.getElementById('subEmail').value = '';
            } else {
                msg.classList.remove('text-success');
                msg.classList.add('text-danger');
            }
        })
        .catch(err => {
            btn.disabled = false;
            btn.innerHTML = 'Subscribe';
            msg.textContent = 'Something went wrong.';
            msg.classList.remove('d-none');
        });
    }

    // Simple search filter with error checking
    const searchBox = document.getElementById('toolSearch');
    if (searchBox) {
        searchBox.addEventListener('keyup', function() {
            let filter = this.value.toLowerCase();
            let tools = document.querySelectorAll('.tool-card');
            
            tools.forEach(tool => {
                let titleElement = tool.querySelector('.tool-title span');
                if (titleElement) {
                    let title = titleElement.innerText.toLowerCase();
                    let container = tool.closest('.col-12, .col-sm-6, .col-md-4, .col-lg-3');
                    if (container) {
                        container.style.display = title.includes(filter) ? '' : 'none';
                    }
                }
            });
        });
    }

    // --- GLOBAL TABLE OVERFLOW FIX ---
    document.addEventListener('DOMContentLoaded', function() {
        // Wrap any table found in content areas with table-responsive for mobile safety
        const contentAreas = document.querySelectorAll('.prose, .article-content, .page-content, .tool-preview-content');
        contentAreas.forEach(function(area) {
            const tables = area.querySelectorAll('table');
            tables.forEach(function(table) {
                if (!table.parentElement.classList.contains('table-responsive')) {
                    const wrapper = document.createElement('div');
                    wrapper.className = 'table-responsive mb-4';
                    table.parentNode.insertBefore(wrapper, table);
                    wrapper.appendChild(table);
                }
            });
        });
    });
</script>
<!-- Cookie Consent Banner --><div id="cookie-consent" class="fixed-bottom p-4 bg-white border-top shadow-lg" style="display: none; z-index: 9999;"> <div class="container d-flex flex-column flex-md-row justify-content-between align-items-center"> <div class="mb-3 mb-md-0 text-muted small"> เราใช้คุกกี้เพื่อปรับปรุงประสบการณ์ของคุณและเพื่อการปรับโฆษณาให้เหมาะกับคุณ การใช้งานเว็บไซต์นี้ต่อหมายถึงคุณยอมรับ<a href="/page/privacy-policy" class="text-primary text-decoration-none">นโยบายความเป็นส่วนตัว</a>ของเรา </div> <div> <button id="accept-cookies" class="btn btn-primary btn-sm px-4 rounded-pill">ยอมรับ</button> </div> </div></div><script>
document.addEventListener('DOMContentLoaded', function() {
    // --- COOKIE CONSENT ---
    if (!localStorage.getItem('cookie_consent')) {
        setTimeout(function() {
            const consent = document.getElementById('cookie-consent');
            if (consent) consent.style.display = 'block';
        }, 2000);
    }
    
    document.getElementById('accept-cookies')?.addEventListener('click', function() {
        localStorage.setItem('cookie_consent', 'true');
        const consent = document.getElementById('cookie-consent');
        if (consent) consent.style.display = 'none';
    });

    // --- SERVICE WORKER REGISTRATION (PUSH NOTIFICATIONS) ---
    if ('serviceWorker' in navigator) {
        navigator.serviceWorker.register('https://3tools.shop/sw.js')
        .then(function(registration) {
            console.log('SW registered:', registration.scope);
        })
        .catch(function(err) {
            console.log('SW failed:', err);
        });
    }
});
</script></body></html>