SuperApp：Debugging

Metode menjalankan

• Jalankan program mini uni-app menggunakan HBuilderX

  Di HBuilderX, Anda dapat menjalankan program mini uni-app dengan salah satu dari tiga metode:

  1. Pada bilah navigasi atas, pilih Run > Mobile App Playground > Android Run atau iOS Run.

     

     Catatan

     HBuilderX tidak dilengkapi dengan emulator. Jika tidak ada perangkat yang terdeteksi, instal emulator melalui Android Studio atau XCode.

     

  2. Klik tombol di toolbar lalu pilih Android Run atau iOS Run.

     

     Catatan

     Anda dapat menyesuaikan item dalam menu yang muncul setelah mengklik tombol run di toolbar.

  3. Gunakan pintasan Ctrl+R untuk menjalankan program mini uni-app.

     Dalam menu yang muncul setelah menggunakan pintasan, Anda dapat memilih item dengan menekan tombol.

     • Tekan Enter untuk memilih item pertama dalam menu.

     • Tekan angka untuk memilih item yang sesuai dengan angka tersebut.

       Jika menu tidak muncul, file yang dibuka di HBuilderX mungkin bukan bagian dari proyek program mini uni-app Anda. Buka file dalam proyek program mini uni-app Anda dan coba lagi.

• Jalankan program mini uni-app menggunakan vue-cli

  npm run dev:%PLATFORM%
  npm run build:%PLATFORM%

Untuk informasi lebih lanjut tentang nilai dari %PLATFORM%, lihat tutorial resmi.

Metode debugging

Mulai uni-app. Di jendela yang muncul, klik ikon di pojok kanan atas atau pilih Debug.

Gunakan alat pengembangan platform lain untuk mendebug program mini uni-app

Saat menjalankan program mini uni-app menggunakan alat pengembangan platform lain seperti WeChat dan AliPay, Anda dapat melihat informasi terkait jalannya program mini tersebut, seperti konsol dan permintaan jaringan, di konsol alat pengembangan tersebut.

Anda dapat melihat node dan gaya dengan memilih elemen yang sesuai, sama seperti metode yang digunakan untuk mendebug proyek web biasa. Gambar berikut menunjukkan contohnya.

Untuk mendebug file JavaScript, Anda harus mengklik tab Sources dan memilih file JavaScript yang ingin Anda debug di direktori yang sesuai pada source map. Jika kode JavaScript dikompresi, klik tanda kurung kurawal ({}) untuk melihat kode. Gambar berikut menunjukkan contohnya.