Tips DevTools: Men-debug PWA

Sofia Emelianova
Sofia Emelianova

Progressive Web App (PWA) adalah aplikasi web yang dibuat dan disempurnakan dengan API modern untuk menghadirkan kemampuan, keandalan, dan kemampuan penginstalan yang lebih baik saat menjangkau siapa saja, di mana saja, di perangkat apa saja, semuanya dengan satu codebase.

Tonton video untuk mempelajari cara men-debug aplikasi ini dengan Chrome DevTools.

Dengan DevTools, Anda dapat:

  • Periksa file manifes aplikasi yang membuat aplikasi Anda dapat diinstal. Misalnya:
    • Periksa ikon untuk berbagai platform.
    • Menangkap error.
    • Mengonfigurasi UI penginstalan yang lebih lengkap dengan deskripsi dan screenshot.
  • Uji pekerja layanan yang bertindak sebagai proxy antara aplikasi Anda dan jaringan. Misalnya:
    • Memeriksa pendaftaran pekerja.
    • Memeriksa pembuatan versi dan aktivitas pekerja.
    • Mengupdate versi pekerja saat memuat ulang.
    • Men-debug konektivitas jaringan dengan mengemulasi mode offline atau mengabaikan pekerja.
    • Menguji pesan jaringan.

Untuk mempelajari lebih lanjut, lihat: