Plugin penyahpepijat sudutAngularJS Batarang

Pada masa kini, apabila kita terlibat dalam pembangunan bahagian hadapan, rangka kerja MVVM yang popular pastinya tidak dapat dielakkan. Jadi berikut ialah tiga Devtools rangka kerja yang popular, jika anda perlu mengambilnya sendiri. Vue.js devtools, AngularJS BatarangReact, Alat Pembangun. Artikel ini terutamanya memperkenalkan cara menggunakan pemalam AngularJS Batarang

AngularJS Batarang

1. Cara memasang pemalam AngularJS Batarang di luar talian Sila rujuk kaedah berikut: Dalam retak lama pelayar chrome, masukkan dahulu [chrome ://extensions/] pada halaman tab untuk memasuki program chrome Extension, nyahzip pemalam yang anda muat turun dari tapak ini dan seretnya ke halaman sambungan.

2 Apabila retak terkini penyemak imbas Chrome diseret dan digugurkan untuk dipasang, mesej ralat "Pakej tidak sah CRX-HEADER-INVALID" akan muncul muncul apabila memasang penyelesaian "-HEADER-INVALID" pemalam Chrome, yang boleh digunakan selepas pemasangan.

3. Selepas pemasangan selesai, ikon akan muncul dalam bar pemalam.

4. Buka aplikasi Angular dalam penyemak imbas chrome dan buka konsol, seperti yang ditunjukkan di bawah Anda akan mendapati bahawa terdapat halaman AngularJS dalam konsol dan kawalan boleh digunakan .

5. Klik pada Model, seperti yang ditunjukkan di bawah adalah maklumat semua Skop di bawah aplikasi, dan sebelah kanan adalah maklumat model yang sepadan dengan Skop. Klik pada skop, dan semua maklumat model dalam skop akan dipaparkan di sebelah kanan. Mengklik "<" sebelum Skop akan melompat ke teg DOM di mana skop terletak dalam Elemen.

6.Performa menunjukkan prestasi aplikasi Pepohon pemantauan dipaparkan di sebelah kiri Klik pada nod pokok untuk melompat ke elemen elemen yang sepadan. Ditunjukkan di sebelah kanan ialah prestasi ekspresi pemantauan Halaman ini boleh membantu kami mengoptimumkan prestasi.

7.Dependenices memaparkan kebergantungan antara arahan dan perkhidmatan Pilih arahan untuk melihat perkhidmatan yang bergantung padanya. Visualisasikan kebergantungan antara perkhidmatan melalui carta Garis merah mewakili kebergantungan

8. Terdapat tiga pilihan: "tunjukkan aplikasi," "tunjukkan skop" dan "tunjukkan pengikatan." Apabila setiap pilihan disemak, kandungan yang sepadan akan diserlahkan pada halaman semasa penyahpepijat. . halaman. Halaman ini memaparkan sifat skop kandungan html yang dipilih. Ciri ini sangat berguna untuk memahami Skop Sudut. Jika anda tidak memahami Skop Sudut dengan baik, anda boleh menggunakan fungsi ini dengan lebih lanjut.