Debugger Jarak Jauh Chrome

Gunakan Chrome Remote Debugger untuk men-debug aplikasi Transmisi.

Luncurkan Chrome Remote Debugger untuk perangkat Google Cast tertentu sebagai berikut:

Untuk men-debug aplikasi Transmisi di perangkat Android TV, lihat Android TV: Proses Debug.

Untuk men-debug aplikasi Penerima Web di perangkat Google Cast, lakukan hal berikut:

  1. Daftarkan aplikasi dan perangkat Google Cast di Konsol Developer SDK Google Cast.

    Aplikasi dan perangkat harus terdaftar ke akun developer yang sama agar Anda dapat melakukan proses debug.

  2. Mulai aplikasi pengirim dan transmisikan ke perangkat Google Cast untuk memuat aplikasi Penerima Web guna proses debug. Pastikan perangkat Pengirim dan Penerima Web Anda terhubung ke jaringan yang sama.

  3. Ada dua cara untuk terhubung ke perangkat Anda untuk proses debug jarak jauh:

    1. Chrome Inspector

      1. Di browser Chrome, masukkan kode berikut di kolom alamat untuk membuka Chrome Inspector:

        chrome://inspect
        

        Daftar perangkat yang kompatibel dengan Cast di jaringan tersebut akan muncul.

      2. Pilih perangkat untuk aplikasi Web Receiver yang ingin Anda debug dengan mengklik link Inspect-nya.

        Jendela inspector akan terbuka, yang memungkinkan Anda men-debug aplikasi Web Receiver dari jarak jauh.

    2. Langsung ke port 9222 perangkat

      1. Di browser Chrome, masukkan kode berikut di kolom URL untuk membuka perangkat yang Anda debug secara langsung. Tindakan ini mungkin lebih cepat daripada Chrome Inspector jika Anda memiliki banyak perangkat di jaringan:

        <device IP address>:9222
        

        Alamat IP perangkat dapat ditemukan dengan memilih perangkat di aplikasi Google Home, membuka setelan, dan melihat di bagian Informasi.

      2. Pilih sesi yang ingin Anda debug dengan mengklik link Remote Debugging-nya.

      3. Jika Chrome Remote Debugger tidak terisi, pilih ikon di sebelah kiri kolom URL, lalu pilih site settings. Scroll ke bagian bawah setelan dan ubah setelan untuk Insecure content menjadi Allow.

  4. Di konsol Chrome Remote Debugger, aktifkan logging debug, dengan memasukkan hal berikut:

    cast.framework.CastReceiverContext.getInstance().setLoggerLevel(cast.framework.LoggerLevel.DEBUG);

    Manipulasi DOM penuh didukung serta REPL JavaScript Chrome lengkap (konsol), yang akan memungkinkan Anda mengubah aplikasi Web Receiver yang sedang berjalan.

    Saat Penerima Web dihapus (siklus proses berakhir), debugger akan menjadi tidak aktif dengan pesan peringatan di bagian atas. Pada tahap ini, Anda tidak dapat lagi berinteraksi dengan debugger. Untuk memulai ulang proses debug, Anda harus memulai ulang aplikasi Web Receiver, lalu memuat ulang inspector.

Titik henti sementara

Anda dapat menambahkan titik henti sementara manual ke kode dengan menggunakan debugger; dalam kode Penerima Web.

Pembuatan cache lokal

Gunakan window.location.reload(true); untuk melakukan pemuatan ulang paksa yang menghapus cache aplikasi Web Receiver.

Mempertahankan log di antara sesi

Anda dapat mempertahankan log di antara sesi dengan mengklik ikon roda gigi dalam debugger dan mencentang kotak di samping “Pertahankan log saat navigasi”.