> ## Documentation Index
> Fetch the complete documentation index at: https://help.dingtalk.io/llms.txt
> Use this file to discover all available pages before exploring further.

# Cara debug JavaScript di halaman YiDA

> Pelajari cara debug JavaScript dan React di halaman YiDA — mulai dari penggunaan Chrome, React Devtools, hingga debug kode JS di panel action YiDA untuk developer low-code.

## 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)](https://developers.google.com/web/tools/chrome-devtools/javascript/?hl=zh-cn) atau [artikel ini (Bahasa Mandarin)](https://zh.javascript.info/debugging-chrome).

## 3. Debug React

Lakukan debug dengan [React Devtools](https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi).

Untuk instruksi lengkap, lihat [artikel ini](https://reactjs.org/blog/2014/01/02/react-chrome-developer-tools.html).

## 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](/id/open/yida/guide/concept/debug).