Inspetor Web: เครื่องมือสำรวจ HTML และ CSS บนหน้าเบา ๆ สำหรับ Chrome
Inspetor Web ซึ่งพัฒนาโดย Alexandre Silva Lins Junior เป็นส่วนขยายของ Chrome ที่ช่วยให้คุณตรวจสอบโครงสร้างและสไตล์ของหน้าโดยไม่ต้องเปิดเครื่องมือพัฒนาทั้งหมด มันแสดงข้อมูลขององค์ประกอบในเครื่องมือแสดงข้อมูลที่จัดระเบียบเพื่อให้คุณสามารถอ่านตัวอักษร รูปแบบ สี คุณสมบัติ และขนาดได้อย่างรวดเร็ว ส่วนขยายนี้มุ่งเน้นไปที่การตรวจสอบที่รวดเร็วและไม่ทำให้เสียสมาธิ นักพัฒนาฝั่งหน้า นักออกแบบเว็บ และนักเรียนจะได้รับวิธีที่กระชับในการตรวจสอบรูปแบบและเรียนรู้โครงสร้างของส่วนประกอบ
ขนาดการติดตั้งที่เล็กมากช่วยลดภาระของส่วนขยาย
ส่วนขยายนี้มีขนาดเพียง 40KiB ซึ่งช่วยลดผลกระทบด้านการจัดเก็บและการโหลดเริ่มต้นเมื่อเปรียบเทียบกับส่วนเสริมที่มีน้ำหนักมาก ขนาดที่เล็กนี้ทำให้ตัวติดตั้งและชุดส่วนขยายมีความกระชับ ดังนั้นแคตตาล็อกของส่วนขยายในเบราว์เซอร์จึงเพิ่มขึ้นโดยไม่ทำให้การใช้ดิสก์เพิ่มขึ้นอย่างไม่สมส่วน สำหรับทีมงานหรือผู้เรียนที่ติดตั้งเครื่องมือช่วยหลายตัว โปรไฟล์ที่ใช้พื้นที่ดิสก์น้อยมีความสำคัญเมื่อรักษาสภาพแวดล้อมการพัฒนาที่สะอาด
การออกแบบที่เน้นความเป็นส่วนตัวหลีกเลี่ยงการส่งข้อมูลภายนอก
Inspetor Web ใช้สถาปัตยกรรมที่เน้นความเป็นส่วนตัวซึ่งไม่เก็บข้อมูลส่วนบุคคลหรือสื่อสารกับเซิร์ฟเวอร์ภายนอก เนื่องจากการตรวจสอบทำงานในเครื่อง เครื่องมือนี้จึงลดการเปิดเผยการติดตามที่มาจากการวิเคราะห์บนคลาวด์ พฤติกรรมที่ทำงานเฉพาะในเครื่องนี้หมายความว่ารายละเอียดของหน้าเว็บจะถูกเปิดเผยบนเครื่องของคุณโดยไม่มีการส่งข้อมูล ซึ่งเหมาะสำหรับการทำงานที่ต้องการเก็บข้อมูลการตรวจสอบไว้ห่างจากบริการของบุคคลที่สาม
การเปิดใช้งานอย่างรวดเร็วและการซ้อนทับที่มุ่งเน้นเหมาะกับการทำงานแบบเฉพาะกิจ
เครื่องมือจะเปิดใช้งานจากไอคอนในแถบเครื่องมือหรือทางลัดแป้นพิมพ์ Ctrl+Shift+I เพื่อสลับการซ้อนทับการตรวจสอบ ซึ่งสนับสนุนการเปลี่ยนบริบทอย่างรวดเร็วในระหว่างงานพัฒนา เมื่อเปิดใช้งานแล้ว มันจะเน้นองค์ประกอบที่ใช้งานอยู่เพื่อให้คุณสามารถค้นหาโครงสร้างได้โดยไม่ต้องค้นหาผ่านพาเนลที่ซ้อนกัน โมเดลการสลับทำให้ตรวจสอบได้ง่ายในระหว่างการออกแบบและการฝึกอบรมในห้องเรียน
ทำงานได้กับเบราว์เซอร์ Chromium และเสริมเครื่องมือพัฒนาเต็มรูปแบบ
ส่วนขยายนี้เข้ากันได้กับ Chrome และเบราว์เซอร์ที่ใช้ Chromium อื่น ๆ รวมถึง:
- Chrome
- Microsoft Edge
- Brave และ Opera
มันตั้งตนเป็นทางเลือกสำหรับเครื่องมือพัฒนาที่ติดมากับเบราว์เซอร์โดยนำเสนอการตรวจสอบที่รวดเร็วและเบา แทนที่จะเป็นชุดฟีเจอร์การดีบักแบบเต็ม; นักพัฒนาที่ต้องการการตรวจสอบหรือการวิเคราะห์เชิงลึกยังคงพึ่งพาชุดเครื่องมือพื้นฐาน
เครื่องมือการเรียนรู้ที่มุ่งเน้นและการตรวจสอบอย่างรวดเร็วที่เหมาะที่สุดสำหรับการตรวจสอบสั้น ๆ
Inspetor Web เป็นตัวเลือกที่ใช้งานได้จริงสำหรับผู้เรียนและมืออาชีพที่ต้องการวิธีการตรวจสอบโครงสร้างหน้าในท้องถิ่นที่มีต้นทุนต่ำระหว่างการตรวจสอบอย่างรวดเร็วและการสร้างต้นแบบ เนื่องจากมันถูกอธิบายว่าเป็นทางเลือกแทนที่จะเป็นการทดแทนสำหรับเครื่องมือพัฒนาที่ครบถ้วน ผู้ใช้ที่ต้องการการดีบักขั้นสูงควรเก็บ devtools ดั้งเดิมไว้ให้พร้อมใช้งาน ส่วนขยายนี้มีให้บริการแล้วและกำลังรอการให้คะแนนจากผู้ใช้ครั้งแรกใน Chrome Web Store.
