8 Pengaya Microsoft Edge Terbaik untuk Pengembang

Untuk pengembang, mungkin sibuk menggunakan banyak alat khusus untuk setiap tugas. Namun, add-on browser web dapat membuat Anda lebih produktif dengan menyediakan akses ke berbagai fitur dari satu platform penjelajahan.

Semua browser teratas hadir dengan ekstensi untuk para profesional. Dan jika Anda menggunakan Microsoft Edge, tugas pengembangan Anda dapat menjadi lebih mudah dengan beberapa add-on browser. Di sini, kita akan membahas add-on Microsoft Edge terbaik yang harus digunakan oleh pengembang web.

React Developer Tools adalah add-on DevTools untuk browser web. Ini akan menambahkan dua tab baru bernama Components dan Profiler di Edge DevTools Anda. Add-on open-source akan membutuhkan izin Anda untuk mengakses pohon React sebuah halaman.

Tab Components menampilkan komponen root React halaman, bersama dengan subkomponennya. Pilih komponen apa pun dari pohon untuk memeriksa dan mengedit props, status, dan kaitnya saat ini di panel kanan.

Anda juga dapat menggunakan add-on ini untuk mengetahui apakah suatu aplikasi mengandung React.js atau tidak. Menggunakan tab Profiler, pengembang dapat merekam informasi kinerja.

Jika Anda ingin menganalisis kode GitHub, add-on Octotree dapat meningkatkan pengalaman peninjauan dan eksplorasi kode GitHub. Ini menunjukkan kepada Anda pohon kode seperti IDE dan memungkinkan Anda melakukan pencarian file dan folder.

Add-on berkinerja tinggi ini mampu bekerja dengan repositori dalam berbagai ukuran. Selain itu, ini mendukung repositori pribadi dan memungkinkan Anda untuk mem-bookmark permintaan tarik, repo, file, dan masalah.

Anda juga dapat berlangganan versi PRO dari pengaya ini untuk mendapatkan beberapa fitur tambahan. Ini termasuk dukungan untuk beberapa akun GitHub dan GitHub Enterprise, banyak tab, pengaturan font kode, tinjauan kode permintaan tarik, tema ikon file, dan perubahan posisi dok.

Accessibility Insights for Web adalah add-on browser Microsoft Edge yang memungkinkan Anda menemukan dan memperbaiki masalah aksesibilitas di berbagai aplikasi web dan situs web. Anda dapat menggunakannya untuk memeriksa kepatuhan terhadap sekitar 50 ketentuan aksesibilitas.

Berkat instruksi yang jelas dan bantuan visual, Anda dapat dengan cepat mengidentifikasi masalah akses keyboard penting, termasuk jebakan keyboard, penghentian tab yang hilang, dan urutan tab yang salah.

Ini juga membantu Anda melakukan proses dua langkah untuk menemukan masalah aksesibilitas umum tetapi berdampak tinggi dalam beberapa menit. Namun, Anda memerlukan Microsoft Edge Insider v.75 atau lebih baru untuk menggunakan add-on ini.

Menganalisis kode HTML halaman adalah tugas yang sering dilakukan pengembang. Dengan bantuan add-on Analisis Desain, Anda dapat menganalisis halaman HTML dengan mengaktifkan dan menonaktifkan berbagai komponen halaman itu.

Terkait: Efek HTML Keren yang Dapat Ditambahkan Siapa Saja ke Situs Web Mereka

Ini memungkinkan Anda menonaktifkan CSS internal dan eksternal (termasuk cetak dan genggam), menyembunyikan gambar dan latar belakang gambar, menampilkan atribut alt gambar, judul garis besar, bingkai, tautan eksternal, tabel, elemen mengambang, dan segera.

Selain itu, add-on ini dilengkapi dengan berbagai alat yang membantu Anda menampilkan elemen tersembunyi, memuat ulang gambar dan CSS eksternal, lihat kode sumber, linierisasi halaman, dan tandai semua tautan sebagai dikunjungi atau belum dikunjungi.

Pengaya ini tidak menyimpan atau membagikan data pengenal pribadi apa pun. Semua informasi yang diperlukan untuk fungsinya tetap ada di perangkat Anda.

Dengan menggunakan add-on Simpan sebagai MHTML, pengembang dapat menyimpan halaman web saat ini dalam format MHTML (MIME HTML)/MHT. Add-on dilengkapi dengan tombol toolbar untuk penggunaan yang mudah. Ini menyimpan semua tautan online dalam format offline.

MHTML adalah format file arsip yang menyimpan konten halaman web untuk dilihat secara offline. Jenis file menggabungkan semua sumber daya seperti gambar, applet, dan animasi Flash ke dalam dokumen HTML selama proses.

Add-on memiliki dua alat berbeda yang dapat Anda gunakan untuk mengedit konten halaman web halaman sebelum menyimpannya dalam file MHTML.

Anda dapat memilih mode desain untuk tugas seperti mengubah format teks menjadi tebal dan miring, menambahkan gambar, atau menghapus konten apa pun. Atau Anda dapat memilih bagian halaman dan meminta add-on ini untuk membuat dokumen baru darinya.

Pengembang memiliki hubungan yang sangat diperlukan dengan cookie. Cookie-Editor adalah add-on yang kuat yang memungkinkan Anda melakukan operasi cookie standar selama fase pengembangan dan pengujian halaman web.

Add-on ini hadir dengan antarmuka yang mudah digunakan yang memungkinkan Anda mengelola cookie secara manual. Dengan bantuannya, Anda dapat dengan cepat membuat, mengedit, dan menghapus cookie sambil tetap berada di tab.

Dengan satu klik, Cookie-Editor akan menghapus semua cookie dari halaman saat ini. Itu juga dapat mengimpor/mengekspor cookie dalam format teks.

Node.js V8 adalah add-on yang dapat Anda gunakan dengan Edge DevTools untuk merampingkan siklus pengembangan Node.js Anda. Itu dapat mengelola siklus hidup jendela/tab Edge DevTools, sehingga Anda mendapatkan lebih banyak waktu untuk fokus dalam men-debug kode Anda.

Terkait: Apa itu Debugging Bebek Karet?

Add-on Node.js V8 memungkinkan Anda memantau sesi debugging lokal dan jarak jauh sambil mengontrol antarmuka DevTools, baik secara manual maupun otomatis. Anda juga dapat menggunakannya untuk men-debug proses node VSCode dan menyesuaikan durasi antara probe dari Inspektur v8.

Dengan bantuannya, Anda dapat secara otomatis membuka dan menutup Edge DevTools di tab atau jendela dan membuat DevTools aktif atau tidak aktif saat memulai. Fitur pemeriksaannya membuat Anda tidak menyalin dan menempelkan URL DevTools dengan secara otomatis mendeteksi URL yang dihasilkan saat menjalankan node.

BugReplay terutama merupakan add-on yang digunakan untuk screencast dan debugging jaringan. Ini membantu Anda merekam layar Anda sinkron dengan pesan konsol JavaScript dan lalu lintas jaringan. Berkat add-on ini, yang perlu Anda lakukan hanyalah menelusuri kembali langkah-langkah untuk menangkap bug secara real-time.

Pengembang tidak perlu berkomunikasi bolak-balik dengan pengguna akhir atau eksekutif dukungan. Mereka dapat dengan mulus mengetahui kapan dan di mana bug terjadi dari informasi yang direkam dan menyelesaikan masalah dalam waktu singkat.

Merekam bug menjadi mudah dengan add-on BugReplay. Anda juga dapat meninjau bug sebelum membagikannya dengan rekan kerja Anda. Add-on ini juga menawarkan opsi untuk menjadikannya publik.

Pilih Add-On Edge Favorit Anda untuk Pengembangan

Dengan menelusuri daftar pengaya Microsoft Edge ini, Anda dapat memilih pengaya yang akan membantu Anda dalam pekerjaan pengembangan web dan aplikasi. Ingat, Microsoft Edge juga memiliki add-on lain untuk pengguna biasa. Anda dapat menelusuri dan menemukan ekstensi utama untuk tugas lain seperti manajemen kata sandi.

9 Pengaya Microsoft Edge Terbaik untuk Manajemen Kata Sandi yang Mudah

Mengingat semua kata sandi Anda yang berbeda bisa jadi rumit, jadi inilah sembilan add-on Microsoft Edge terbaik untuk manajemen kata sandi yang mudah.

Baca Selanjutnya

Tentang Penulis