> ## 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.

# Debug

> Panduan metode debug untuk pengembangan halaman kustom YiDA — mulai dari breakpoint debugger, panel debug swalayan, hingga vConsole untuk mendiagnosis variabel, API, dan logika halaman secara efisien.

Debug sangat penting selama pengembangan halaman kustom. Platform YiDA menyediakan beberapa metode debug berikut untuk pengembangan halaman kustom:

## debugger

Tambahkan kode `debugger` di panel aksi untuk memasang breakpoint, lalu lakukan debug langkah demi langkah saat breakpoint dipicu oleh tindakan pengguna selama pratinjau:

* Tambahkan kode debugger:

* Picu breakpoint pada halaman pratinjau dan mulai debug langkah demi langkah:

## Tekan cmd/ctrl + p di Browser Console, masukkan page.js, lalu tambahkan breakpoint langsung untuk debug

## Buka panel debug swalayan

Developer dapat menambahkan parameter `__showDevtools` pada URL halaman untuk mengaktifkan panel debug ([perakitan tautan swalayan](https://demo.aliwork.com/o/debug_by_self?__showDevtools=true)), contoh: [https://www.aliwork.com/bench/feedback?\_\_showDevtools](https://www.aliwork.com/bench/feedback?__showDevtools).

Melalui panel debug, developer dapat melakukan tindakan berikut:

* Melihat variabel Sumber Data
* Melihat data formulir
* Melihat permintaan yang Gagal
* Melaporkan log Error

Yang terpenting, panel debug membuat proses debug pada perangkat mobile menjadi jauh lebih praktis.

## Aktifkan Schema workbench (Impor/Ekspor skema)

Di pojok kiri bawah desainer formulir YiDA, terdapat tombol tersembunyi untuk mengaktifkan Schema workbench. Halaman dapat dihasilkan dengan cepat melalui impor skema di Schema workbench. Fitur ini juga mendukung penyuntingan skema di dalam workbench, sehingga formulir dapat didefinisikan dengan cepat melalui perubahan skema. Pengguna dapat menambahkan parameter `__debug` langsung pada URL tautan desain untuk mengaktifkannya ([perakitan tautan swalayan](https://demo.aliwork.com/o/debug_by_self?__showDevtools=true)), seperti ditunjukkan di bawah:

## Debug mobile/in-App menggunakan vConsole

Buka panel aksi halaman yang perlu di-debug, lalu masukkan kode berikut di bagian atas. Akses halaman untuk memulai debug.
Catatan: Hapus kode ini setelah debug selesai.

```javascript theme={"theme":{"light":"github-light","dark":"github-dark"}}
  const vConsole = 'https://g.alicdn.com/code/lib/vConsole/3.11.2/vconsole.min.js';
  const js = document.createElement('script');
  js.src = vConsole;
  document.body.append(js);
  js.onload = function() {
    window.vConsole = new window.VConsole();
  };
```