โฮมเพจ » การเข้ารหัส » ทำความสะอาดโค้ด HTML ยุ่งด้วย HTML Washer

    ทำความสะอาดโค้ด HTML ยุ่งด้วย HTML Washer

    หากคุณกำลังแก้ไขหน้าเว็บของบุคคลอื่นหรือต้องการคัดลอกรหัสของเลย์เอาต์อาจเป็นเรื่องยาก ลุยผ่านการจัดรูปแบบ. คุณจะต้อง ทำความสะอาดพื้นที่ยุ่งมาก และมันไม่สนุกที่จะทำด้วยตนเอง.

    กับ เครื่องซักผ้า HTML แอปบนเว็บคุณสามารถ ล้างโค้ด HTML ใด ๆ โดยอัตโนมัติ ด้วยการคลิกปุ่ม.

    เว็บแอพนี้ ลบคุณลักษณะที่ไม่เกี่ยวข้องทั้งหมดออกจาก HTML, รวม CSS และ JavaScript ส่วนเกิน มันจะยัง ดึงคลาสและคุณลักษณะส่วนใหญ่ออก เพื่อปล่อยเฉพาะเทมเพลต HTML ที่ไม่มีกระดูก.

    นี่อาจเป็นประโยชน์มากที่สุดเมื่อ ศึกษาโครงสร้างของเว็บไซต์อื่น. หากคุณต้องการโคลนเลย์เอาต์คุณสามารถดูซอร์สและคัดลอก / วางโค้ดในเครื่องมือแก้ไขของคุณเอง.

    คุณอาจต้องการ ตัดความคิดเห็น HTML และ ลดความซับซ้อนของรหัสเพิ่มเติม. นี่คือสิ่งที่ HTML Washer มีประโยชน์.

    มันมีคุณสมบัติที่ประณีตจำนวนหนึ่งและสิ่งเหล่านี้คือ สิ่งที่มีประโยชน์ที่สุดสำหรับนักพัฒนา:

    • แปลงรหัสเป็น HTML5 (จาก HTML4 / XHTML)
    • แก้ไขแท็กที่จัดรูปแบบไม่ถูกต้อง
    • ฟอร์แมต HTML ใหม่ด้วยการย่อหน้าที่เหมาะสม
    • ลบสคริปต์แบบอินไลน์ & CSS ทั้งหมด

    โปรดทราบว่าเครื่องซักผ้า HTML ไม่ใช่โซลูชันที่สมบูรณ์สำหรับการถ่ายโอนเลย์เอาต์ที่เก่ากว่าลงใน HTML5. ไม่เป็นเครื่องมือที่สมบูรณ์แบบสำหรับการคัดลอก / วางเลย์เอาต์ที่มีอยู่และทำให้เป็นของคุณเอง.

    แต่เป็นจุดเริ่มต้นเครื่องมือนี้สามารถช่วยคุณได้ ทำความสะอาด HTML ที่ยุ่งเหยิงอย่างรวดเร็ว. มันจะช่วยคุณ มุ่งเน้นเฉพาะพื้นฐานของรหัส, ดังนั้นคุณจึงไม่ต้องกังวลกับคลาสหรือแอตทริบิวต์ HTML ภายนอก.

    แม้ว่าถ้ามี แท็กไม่มี Alt คุณลักษณะเครื่องซักผ้า HTML นี้จะเพิ่มไปยังหน้า มันหมายถึงการส่งออก HTML ที่ สอดคล้องกับมาตรฐานการเข้ารหัสและการเข้าถึงที่ทันสมัย.

    หนึ่งคุณลักษณะที่ฉันต้องการจะดูคือ ไม่บังคับรวมคลาสหรือรหัส. บางครั้งคุณอาจต้องการเก็บคลาสไว้เพื่อให้คุณสามารถคัดลอก / วางรหัสพร้อมกับสไตล์ชีทดั้งเดิมเพื่อคงรูปลักษณ์เดิมไว้.

    ตอนนี้สิ่งนี้เป็นไปไม่ได้กับเครื่องซักผ้า HTML แม้ว่านี่คือหวังว่าจะสามารถเพิ่มในการปรับปรุงในอนาคต!

    สำหรับเครื่องมืออัตโนมัติสิ่งนี้ยอดเยี่ยมและช่วยให้คุณได้ คัดลอก / วางรหัส หรือ อัปโหลดไฟล์โดยตรงจากคอมพิวเตอร์ของคุณ.

    ไปยัง เห็นมันใช้งานได้จริง, ตรวจสอบเว็บไซต์หลักและให้มันไป หากนี่คือสิ่งที่คุณสามารถเห็นด้วยตัวคุณเองโปรดใช้คั่นหน้าไว้.

    และหากคุณมีข้อเสนอแนะสำหรับการปรับปรุงโปรดส่งข้อความด่วนถึงผู้พัฒนาบน Twitter @HtmlWasher.