แก้ไขข้อบกพร่องของเว็บแอป

การตรวจสอบลักษณะการทำงานของโค้ดที่ทำงานใน WebView หรือที่เรียกว่าการแก้ไขข้อบกพร่องเป็นส่วนสำคัญของการพัฒนาแอปพลิเคชัน Android ที่แสดงเนื้อหาเว็บ

ส่วนนี้จะครอบคลุมวิธีการแก้ไขข้อบกพร่องของ WebView ต่อไปนี้

  • การบันทึกคอนโซล JavaScript: หากคุณคุ้นเคยกับการแก้ไขข้อบกพร่องของหน้าเว็บ ด้วยเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome หรือเครื่องมือตรวจสอบเว็บของ Safari คุณอาจคุ้นเคยกับการใช้ console (เช่น console.log()) คุณสามารถดูข้อความคอนโซลในเครื่องมือสำหรับนักพัฒนาเว็บใน Chrome หรือ Logcat ได้ เฟรมเวิร์ก WebKit ของ Android รองรับ API ส่วนใหญ่ เดียวกัน คุณจึงรับบันทึกจากหน้าเว็บได้เมื่อแก้ไขข้อบกพร่องใน WebView

  • เครื่องมือสำหรับนักพัฒนาเว็บใน Chrome: ช่วยให้ตรวจสอบโค้ด HTML, CSS และ JavaScript ใน WebView ของแอปจากระยะไกลได้แบบเรียลไทม์โดยใช้เครื่องมือสำหรับนักพัฒนาซอฟต์แวร์ในเบราว์เซอร์ Chrome บนเครื่องที่ใช้พัฒนา

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

  • แอป WebView DevTools: ยูทิลิตีในอุปกรณ์ที่ออกแบบมาเพื่อการกำหนดค่าทั่วทั้งอุปกรณ์ การจัดการ Flag บรรทัดคำสั่ง และการวิเคราะห์ข้อขัดข้องของคอมโพเนนต์ WebView ของ Android