Debug

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), contoh: 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), 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.

  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();
  };

Memulai

Panduan pengembang

API

Tutorial

Komponen

debugger

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

Buka panel debug swalayan

Aktifkan Schema workbench (Impor/Ekspor skema)

Debug mobile/in-App menggunakan vConsole

​debugger

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

​Buka panel debug swalayan

​Aktifkan Schema workbench (Impor/Ekspor skema)

​Debug mobile/in-App menggunakan vConsole

debugger

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

Buka panel debug swalayan

Aktifkan Schema workbench (Impor/Ekspor skema)

Debug mobile/in-App menggunakan vConsole