Inspector Lab: DevTools ในหน้า สำหรับมือถือและระบบที่จำกัด
Inspector Lab - DevTools, ที่สร้างโดย Luan Gjokaj, ฝังชุดเครื่องมือสำหรับนักพัฒนาไว้ภายในหน้าเพื่อช่วยในการดีบักเมื่อแผงพื้นเมืองไม่สามารถใช้งานได้ มันให้การตรวจสอบ DOM, การแก้ไข HTML และ CSS แบบสด, คอนโซล, การตรวจสอบเครือข่าย และตัวดูแหล่งข้อมูลสำหรับการดีบักในหน้า ส่วนขยายนี้เหมาะสำหรับนักพัฒนาเว็บ, นักออกแบบ UI และวิศวกร QA ที่ต้องการการตรวจสอบระดับเดสก์ท็อปบน iPad หรือระบบระยะไกลและชอบเครื่องมือที่ทำงานในท้องถิ่น, โอเพนซอร์สที่หลีกเลี่ยงการส่งข้อมูลจากภายนอก.
เครื่องมือแก้ไขช่องว่างในกระบวนการทำงานอะไร?
Inspector Lab มุ่งเป้าไปที่สถานการณ์ที่แผงนักพัฒนาที่แยกจากกันของเบราว์เซอร์ไม่สามารถเข้าถึงได้ เช่น เบราว์เซอร์มือถือหรือระบบระยะไกลที่ถูกล็อค เครื่องมือจะทำงานเมื่อคุณคลิกที่ไอคอนแถบเครื่องมือ โดยใช้สิทธิ์ activeTab ของส่วนขยายเพื่อตรวจสอบหน้าปัจจุบัน การออกแบบของมันตั้งใจให้สะท้อนถึงกระบวนการตรวจสอบที่คุ้นเคยเพื่อให้นักพัฒนาสามารถถ่ายโอนนิสัยการดีบักที่มีอยู่ไปยังอินเทอร์เฟซที่ฝังอยู่โดยไม่ต้องพึ่งพาการเชื่อมต่อดีบักแยกต่างหาก.
มันทำงานอย่างไรบน iPad และในสภาพแวดล้อมที่ถูกจำกัด?
เครื่องมือรองรับ iPadOS โดยทำงานในเบราว์เซอร์ Orion และทำงานในเบราว์เซอร์เดสก์ท็อปที่ใช้ Chromium ดังนั้นมันจึงทำงานในที่ที่ Chrome มือถือมาตรฐานไม่สามารถโฮสต์ส่วนขยายได้ มันใช้ API ส่วนขยายมาตรฐานแทนโปรโตคอลดีบัก ซึ่งช่วยให้มันทำงานในสภาพแวดล้อมที่บล็อกการเข้าถึงระดับโปรโตคอล สถาปัตยกรรมนี้อธิบายว่าทำไมเครื่องมือจึงทำงานในระบบที่ถูกจำกัดซึ่งไม่มีดีบักเกอร์ในตัว.
มันเก็บข้อมูลการตรวจสอบเป็นความลับหรือไม่?
ความเป็นส่วนตัวนั้นชัดเจน: โครงการนี้เป็นโอเพนซอร์สภายใต้ลิขสิทธิ์ MIT และนักพัฒนารักษาแหล่งข้อมูลสาธารณะบน GitHub และส่วนขยายไม่เก็บข้อมูลโทรมาตรีหรือส่งข้อมูลไปยังเซิร์ฟเวอร์ภายนอก การตรวจสอบและการดีบักทั้งหมดเกิดขึ้นในเครื่องภายในเบราว์เซอร์ ดังนั้นคุกกี้ การแก้ไขที่จัดเก็บและการประเมินคอนโซลจะไม่ออกจากอุปกรณ์ โมเดลที่ทำงานเฉพาะในเครื่องนี้สอดคล้องกับผู้ใช้ที่ต้องการการแก้ไขปัญหาบนอุปกรณ์โดยไม่ต้องพึ่งพาแบ็กเอนด์ระยะไกล.
ใครได้รับประโยชน์และมันเข้ากับการดีบักประจำวันได้อย่างไร?
นักพัฒนาเว็บ นักออกแบบ UI และวิศวกร QA ได้รับประโยชน์สูงสุดเพราะเครื่องมือสร้างกระบวนการ DevTools บนเดสก์ท็อปหลายอย่างขึ้นมาใหม่ในขณะที่ทำงานภายในหน้า; มันยังรองรับการดูสคริปต์และสไตล์พร้อมการเน้นไวยากรณ์ เบราว์เซอร์ที่เข้ากันได้รวมถึง Chrome, Edge และ Brave บนเดสก์ท็อป รวมถึง Orion บน iPad คาดว่าจะมีช่วงเวลาปรับตัว: กระบวนการทำงานบางอย่างที่เกี่ยวข้องกับอินเทอร์เฟซดีบักอาจแตกต่างออกไปเพราะเครื่องมือพึ่งพา API ของส่วนขยาย.
ทางเลือกที่เป็นจริงสำหรับนักพัฒนาที่ต้องการการตรวจสอบนอกเหนือจากแผงเดสก์ท็อป
Inspector Lab เป็นตัวเลือกที่ใช้งานได้จริงสำหรับนักพัฒนาที่ต้องการการดีบักแบบเดสก์ท็อปบน iPad หรือระบบที่ถูกล็อค และแนวทางที่เป็นโอเพนซอร์สและไม่มีการเก็บข้อมูลเหมาะสำหรับการทำงานที่มุ่งเน้นความเป็นส่วนตัว ข้อแลกเปลี่ยนหลักคือความแตกต่างในระดับ API จากการเชื่อมต่อดีบักเกอร์ ซึ่งอาจส่งผลต่อการทำงานของโปรโตคอลขั้นสูง ลองใช้มันบนหน้าทดสอบเดียวเพื่อยืนยันความเท่าเทียมของทางลัดและจุดหยุดสคริปต์ก่อนที่จะเปลี่ยนทั้งสายการดีบัก.
