Skip to main content

1. Latar belakang

Sebelum mempelajari cara debug halaman YiDA, perhatikan hal-hal berikut:
  1. YiDA saat ini dibangun di atas ekosistem JavaScript.
  2. YiDA saat ini dibangun di atas ekosistem React.
  3. Sistem komponen YiDA berbasis Fusion, library komponen open-source dari Alibaba Group.

2. Debug JavaScript

Chrome adalah browser yang direkomendasikan untuk debug kode. Untuk panduan langkah demi langkah, lihat artikel ini (Bahasa Inggris) atau artikel ini (Bahasa Mandarin).

3. Debug React

Lakukan debug dengan React Devtools. Untuk instruksi lengkap, lihat artikel ini.

4. Debug kode JS yang ditulis di panel action

(1) Buka developer console. Di macOS, tekan Cmd + Option + I, atau klik kanan lalu pilih “Inspect”. Di Windows, tekan F12, atau klik kanan lalu pilih “Inspect”. (2) Tambah kata kunci debugger pada kode Anda untuk menetapkan breakpoint saat debug melalui console. (3) Pada perangkat mobile, gunakan alert() untuk menampilkan nilai saat troubleshooting. (4) Jika muncul error di console, klik page.js secara langsung untuk masuk ke debug kode sumber. (5) Di console, tekan Cmd/Ctrl + P lalu cari page.js untuk masuk ke debug kode sumber. (6) Untuk metode debug lainnya, lihat https://developers.aliwork.com/docs/guide/concept/debug.