Phenquestions
Microsoft Edge yang baru dibina menggunakan projek sumber terbuka Chromium, dan jika anda adalah pembangun, berikut adalah senarai Alat Peranti di Microsoft Edge (Chromium). Beberapa alat baru telah masuk ke dalam senarai DevTools. Ini akan memudahkan dan pantas bagi pembangun untuk membina, dan menguji laman web di Microsoft Edge.
Senarai DevTools di Edge baru (Chromium)
Microsoft Edge (Chromium) DevTools boleh dikategorikan secara luas kepada dua kategori yang berbeza:
- Alat Teras
- Sambungan.
1] Alat Teras
Panel Elemen - Salah satu ciri DevTools yang paling berguna untuk pembangun web adalah kemampuan untuk "Menyunting Langsung" HTML dan CSS pada halaman. Anda boleh menggunakan panel Elemen untuk mengedit HTML dan CSS, memeriksa sifat kebolehaksesan, melihat pendengar acara, dan menetapkan titik putus mutasi DOM.
Konsol - Alat Konsol pada umumnya mencatat maklumat yang berkaitan dengan laman web, seperti JavaScript, permintaan rangkaian, dan kesalahan keselamatan. Jadi, langkah pertama untuk menyelesaikan masalah adalah memeriksa konsol penyemak imbas.
Ini kerana sebab ini; anda dapati panel Konsol khusus dalam penyemak imbas Edge. Dev dapat menggunakan panel yang sama untuk debug interaktif, pengujian ad-hoc, dan berkomunikasi ke dalam dan keluar dari laman web yang sedang berjalan.
Panel sumber - Ia menjadi satu-satunya alat yang paling berguna untuk mana-mana pembangun JavaScript - Debugger JavaScript. Menggunakannya, pengembang dapat membuka dan mengedit kodnya pada waktu berjalan, menetapkan titik putus, melangkah kod, dan melihat keadaan laman webnya satu baris JavaScript pada satu masa.
Panel Rangkaian - Ia dapat memantau dan memeriksa permintaan dan respons dari cache rangkaian dan penyemak imbas.
Panel Prestasi - Ia bertanggungjawab untuk merakam data prestasi jangka masa. Prestasi masa jalan adalah bagaimana prestasi halaman anda ketika berjalan, berbanding dengan memuatkan.
Panel Memori - Masalah ingatan boleh menjadi penyebab utama masalah prestasi. Ia boleh menyebabkan halaman menjadi tidak responsif dan ketinggalan dari masa ke masa. Panel memori dapat mengukur penggunaan sumber sistem dan membandingkan tangkapan gambar di pelbagai tahap pelaksanaan kod.
Panel Permohonan - Ia memaparkan beberapa sifat laman web yang menarik. Ia dapat memeriksa dan menguruskan penyimpanan, pangkalan data, dan cache dari panel.
Panel Keselamatan - Ia dapat memeriksa sama ada halaman yang sedang anda lihat selamat atau tidak. Ia juga dapat memeriksa asal usulnya. Pembangun boleh menggunakannya untuk men-debug masalah keselamatan dan memastikan HTTPS dilaksanakan dengan tepat.
Panel audit - Ia tidak memerlukan keterangan eksklusif kerana ia cukup jelas. Ciri ini membolehkan anda mengaudit laman web anda. Hasil yang diperoleh dapat membantu anda meningkatkan kualiti laman web anda.
Baca: Kesalahan berlaku semasa memulakan sesi profil di Edge DevTools.
2] Sambungan
Walaupun Edge menyokong pelanjutan, tidak ada Sambungan yang tersedia untuk DevTool seperti sekarang. Sebagai gantinya, anda perlu memasang sambungan dari kedai sambungan pihak ketiga, mis. Kedai Web Chrome.
- Klik pada tiga titik atau ikon menu di kiri atas Edge. Klik pada Sambungan.
- Di sudut kiri bawah halaman Sambungan, hidupkan togol untuk Benarkan sambungan dari kedai lain.
- Seterusnya, arahkan ke Kedai Web Chrome, dan buka pelanjutan yang berfungsi dengan DevTools, e.g., Alat Pembangun ReAct dari Facebook.
- Klik untuk Tambah ke Chrome dan sambungan DevTools akan ditambahkan ke Microsoft Edge!
Dengan kata mudah, ini adalah cara anda memasang pelanjutan Chrome di Edge. Walau bagaimanapun, berhati-hatilah jika pelanjutan Chrome tulennya mungkin berfungsi atau tidak kerana Microsoft telah membuang beberapa perkhidmatan & ciri Chromium.
Penyemak imbas Edge baru akan tersedia dengan kemas kini ciri Windows 10 seterusnya jika anda mempunyai laman web atau perniagaan yang bergantung pada Edge, lebih baik anda membuat persediaan terlebih dahulu.
Untuk bacaan terperinci, lawati Microsoft.com.
