HTML Viewer: HTML Inspector

Code Play

มีโฆษณาการซื้อในแอป

เกี่ยวกับแอปนี้

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

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

เริ่มต้นการทดลองด้วย HTML เริ่มต้น หน้า Landing Page แบบฟอร์มที่เข้าถึงได้ หรือเทมเพลตการ์ดที่ใช้ซ้ำได้ โปรแกรมแก้ไขยังแจ้งเตือนปัญหาทั่วไป เช่น แท็กที่ไม่ตรงกัน ID ซ้ำกัน และแอตทริบิวต์ alt ของรูปภาพที่หายไป เปิดไฟล์ .html ในเครื่อง บันทึกเอกสารที่แก้ไขแล้ว หรือแชร์โค้ดผ่านการดำเนินการบนอุปกรณ์ที่มีอยู่ การแก้ไขจะมีผลกับสำเนาที่คุณกำลังทำงานอยู่ ไม่ใช่เว็บไซต์ต้นฉบับ

ตรวจสอบโครงสร้างหน้าเว็บ
เรียกใช้รายงานเว็บไซต์เพื่อตรวจสอบชื่อเรื่อง คำอธิบายเมตา URL หลัก ภาษาของเอกสาร เมตาเดตาของวิวพอร์ต และเมตาเดตาสำหรับการแชร์บนโซเชียลมีเดีย สำรวจระดับหัวข้อและจำนวนลิงก์ รูปภาพ สคริปต์ สไตล์ และแบบฟอร์ม ผลการค้นหาจะชี้ให้เห็นถึงป้ายกำกับที่หายไป ลิงก์ที่ไม่มีชื่อ รหัสซ้ำ และการอ้างอิงทรัพยากรที่ไม่ปลอดภัย คัดลอกหรือแชร์รายงานเมื่อพูดคุยเกี่ยวกับหน้าเว็บกับผู้อื่น

ตรวจสอบลิงก์และทรัพยากร
สแกนลิงก์ รูปภาพ สคริปต์ภายนอก และสไตล์ชีตของหน้าเว็บที่โหลด ดูการตอบสนองที่ใช้งานได้ การเปลี่ยนเส้นทาง และความล้มเหลว แยกแยะที่อยู่ภายในจากที่อยู่ภายใน และกรองผลลัพธ์เพื่อเน้นที่ทรัพยากรที่เสียหรือไม่ปลอดภัย ค้นหาผลลัพธ์ คัดลอก URL แต่ละรายการ หรือคัดลอกรายงานข้อความเพื่อติดตามผล ความล้มเหลวในการร้องขออาจสะท้อนถึงข้อจำกัดของเซิร์ฟเวอร์หรือการเชื่อมต่อ

ลองใช้วิวพอร์ตที่แตกต่างกัน
ใช้ค่าที่ตั้งไว้ล่วงหน้าสำหรับการแสดงตัวอย่างแบบตอบสนองสำหรับขนาดโทรศัพท์ แท็บเล็ต และเดสก์ท็อป หรือป้อนขนาดที่กำหนดเอง หมุนวิวพอร์ต ปรับการซูม และเลือกโทนสีสว่าง มืด หรือโทนสีของระบบ รีเฟรชด้วย User Agent อื่นเมื่อเว็บไซต์แสดงเนื้อหาที่เรนเดอร์จากเซิร์ฟเวอร์แตกต่างกัน แชร์ภาพตัวอย่างปัจจุบันเป็นภาพหน้าจอ วิวพอร์ตจำลองช่วยในการเปรียบเทียบเค้าโครง แต่ไม่ได้จำลองอุปกรณ์จริงทุกเครื่อง

ตรวจสอบพฤติกรรมการแสดงตัวอย่าง
โปรแกรมดูคอนโซลจะรวบรวมข้อความ คำเตือน และข้อผิดพลาดจากการแสดงตัวอย่างหน้าเว็บที่ติดตั้งเครื่องมือตรวจสอบของแอป ตัวตรวจสอบเครือข่ายจะแสดงการดึงข้อมูล XMLHttpRequest และกิจกรรมทรัพยากรที่บันทึกไว้ พร้อมสถานะและรายละเอียดเวลาที่มีอยู่ ล้างรายการ โหลดตัวอย่างใหม่ และใช้ตัวกรองเพื่อตรวจสอบปัญหาเฉพาะ เครื่องมือเหล่านี้ตรวจสอบตัวอย่างนั้น ไม่ใช่การรับส่งข้อมูลจากแอปอื่นๆ

เก็บข้อมูลอ้างอิงที่เป็นประโยชน์
เรียกดูภาพหน้าเว็บที่ดึงมา ค้นหาตามชื่อไฟล์หรือรูปแบบ และดูตัวอย่างภาพก่อนบันทึก แชร์ภาพหน้าจอของวิวพอร์ตการส่งออกที่มองเห็นได้ หรือสร้าง PDF ของหน้าเว็บที่โหลด การจับภาพ PDF จำกัดความสูงของหน้าเว็บไว้ที่ 16,000 พิกเซล บันทึก URL ที่ชื่นชอบ ใช้คำแนะนำที่อยู่ และค้นหาประวัติการตรวจสอบล่าสุดเพื่อกลับไปยังเว็บไซต์ที่มีประโยชน์

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