เบราว์เซอร์นี้จะช่วยให้คุณสามารถตรวจสอบและแก้ปัญหาหน้าเว็บใด ๆ โดยใช้ Chrome DevTools
มันคืออะไร
เป็นเพียง WebView ที่เปิดใช้งานการแก้ไขข้อบกพร่องช่วยให้คุณใช้ เครื่องมือนักพัฒนาซอฟต์แวร์ของ Chrome (ทำงานบนพีซีหรือ Mac) เพื่อตรวจสอบและดีบักแอปพลิเคชันเว็บของคุณขณะที่ทำงานบนอุปกรณ์จริงของคุณ
มุ่งเป้าไปที่นักพัฒนาเว็บและนักออกแบบเว็บเท่านั้น
แอพนี้สร้างขึ้นสำหรับนักพัฒนาเว็บที่ต้องการมอบประสบการณ์การใช้งานเว็บแอพที่ดีที่สุดแก่ผู้ใช้ Android หากคุณไม่ใช่นักพัฒนาเว็บหรือนักออกแบบเว็บไซต์ที่สนใจในการดีบักเว็บแอปแสดงว่าคุณน่าจะใช้เบราว์เซอร์ปกติดีกว่า)
การใช้งานคืออะไร
หากคุณเคยเปิดเว็บไซต์ของคุณในเบราว์เซอร์หุ้น Android และพบหนึ่งในปัญหาต่อไปนี้แอปนี้อาจพิสูจน์ได้ว่ามีประโยชน์สำหรับคุณ:
& # 8226; & # 8195; เลย์เอาต์หรือสไตล์ ของเว็บไซต์ของคุณเสียเมื่อดูในเบราว์เซอร์หุ้น Android
& # 8226; & # 8195; รหัส JavaScript ของคุณไม่ได้ผลลัพธ์ตามที่คาดหวังไว้หรือการคำนวณต้องหยุดลงทันทีในระหว่างการดำเนินการ (อาจจะเกิดข้อยกเว้น )
& # 8226; & # 8195; ภาพเคลื่อนไหว นั้นช้าหรือไม่เคลื่อนไหวตามที่คาดไว้
รายละเอียด
บางครั้งมันเกิดขึ้นที่เว็บแอปไม่ทำงานบนเบราว์เซอร์มือถือแม้ว่ามันจะทำงานได้ดีบนเบราว์เซอร์เดสก์ท็อป ยิ่งกว่านั้นบางครั้งข้อบกพร่องจะเกิดขึ้นเฉพาะบนอุปกรณ์มือถือ (แน่นอน) ดังนั้นคุณจึงไม่สามารถจำลองและสร้างซ้ำบนเบราว์เซอร์เดสก์ท็อป นี่คือที่ การดีบักแบบรีโมทด้วย DevTools ของ Chrome พิสูจน์ได้ว่ามีประโยชน์ แม้ว่า Chrome สำหรับ Android จะรองรับสิ่งนี้ได้อย่างสมบูรณ์ แต่เบราว์เซอร์หุ้น Android ไม่ นี่เป็นเรื่องน่าเสียดายเนื่องจากข้อบกพร่องของ Android จำนวนมากดูเหมือนจะเกิดขึ้นบนเบราว์เซอร์หุ้นเท่านั้นและไม่ได้อยู่ใน Chrome เลย
ดังนั้นแอปนี้จึงให้คุณเรียกใช้เว็บไซต์ภายในเบราว์เซอร์ดั้งเดิม (WebView) ในขณะที่ให้โอกาสคุณ ตรวจสอบและแก้ไขข้อบกพร่องของหน้าด้วย Chrome DevTools
วิธีเริ่มการดีบักแบบรีโมทได้อย่างไร
1. เปิดใช้งานโหมดผู้พัฒนาบนอุปกรณ์ Android ของคุณและเชื่อมต่อกับ PC / Mac ของคุณ
2. เปิดแอพนี้และไปที่เว็บไซต์ของคุณโดยป้อน URL
3. บนพีซี / Mac ให้เปิด Chrome และพิมพ์ "chrome: // ตรวจสอบ" ลงในแถบที่อยู่
4. ใน Chrome ให้เลือก "ค้นพบอุปกรณ์ USB" และจะแสดงรายการหน้าเว็บที่คุณเปิดบนอุปกรณ์ของคุณ
5. ตรวจสอบและสนุกกับการดีบักแอปจากระยะไกลด้วยเครื่องมือนักพัฒนาซอฟต์แวร์ Chrome
สำหรับข้อมูลเพิ่มเติมอ่าน: https://www.pertiller.tech/blog/remote-debugging-the-android-native-browser