web developer

Pengembang web

Ekstensi Pengembang Web menambahkan berbagai alat pengembang web ke browser. Ekstensi ini tersedia untuk Chrome, Edge, Firefox, dan Opera, dan akan berjalan pada platform apa pun yang didukung oleh browser ini termasuk Windows, OS X dan Linux.

Ekstensi dapat diinstal dari beranda:

• Halaman Beranda: https://chrispederick.com/work/web-developer/

Atau langsung dari repositori Chrome, Edge, Firefox atau Opera Extension:

• Chrome: https://chromewebstore.google.com/detail/web-developer/bfbameneeiokkgbdmiekhjnmfkcnldhhm
• Edge: https://microsoftedge.microsoft.com/addons/detail/web-developer/ilbdhapjffldGngebmnkdodohjapjccm
• Firefox: https://addons.mozilla.org/en-us/firefox/addon/web-developer/
• Opera: https://addons.opera.com/en/extensions/details/web-developer/

Pengumuman

Untuk pengumuman tentang ekstensi pengembang web termasuk berita tentang rilis beta dan pratinjau versi yang akan datang mengikuti:

• Blog: https://chrispederick.com/blog/
• Mastodon: https://social.lol/@chrispederick

Membantu

Bantuan untuk ekstensi pengembang web dapat ditemukan di halaman beranda:

• Bantuan: https://chrispederick.com/work/web-developer/help/
• Masalah yang Diketahui: https://chrispederick.com/work/web-developer/issues/
• Daftar To-Do-: https://chrispederick.com/work/web-developer/to-do/

Untuk melaporkan masalah baru atau menyarankan fitur baru, silakan hubungi saya:

• Kontak: https://chrispederick.com/contact/

Pengembang

Teknologi

Ekstensi Pengembang Web ditulis dalam JavaScript, HTML, dan CSS.

Dokumentasi ekstensi

Untuk informasi tentang cara menulis ekstensi browser, lihat dokumentasi Chrome, Firefox, dan Opera:

• Chrome: https://developer.chrome.com/docs/extensions/
• Edge: https://learn.microsoft.com/en-us/microsoft-edge/extensions-chromium/
• Firefox: https://developer.mozilla.org/en-us/docs/mozilla/add-ons
• Opera: https://dev.opera.com/extensions/

Proses membangun

Ekstensi menggunakan sistem Gulp Build.

Setelah Gulp dipasang, ekstensi dibangun dengan menjalankan berikut:

 gulp

Untuk membangun ekstensi untuk chrome, edge, firefox, atau opera hanya menjalankan gulp chrome , gulp edge , gulp firefox , atau gulp opera masing -masing.

Ketika ekstensi dibangun, ia menciptakan Direktori build/chrome , build/edge , build/firefox , dan build/opera serta versi yang dikemas dari Extensions build/web-developer-chrome.zip , build/web-developer-edge.zip , build/web-developer-firefox.xpi , dan build/web-developer-opera.nex .

Ekstensi dapat dipasang di chrome, edge, firefox, atau opera dengan memuat ekstensi yang tidak dikemas dalam build/chrome , build/edge , build/firefox , atau build/opera masing -masing seperti yang dijelaskan dalam dokumentasi krom, tepi, firefox, dan opera.

Termasuk perpustakaan

Perpustakaan berikut digunakan oleh dan termasuk dalam ekstensi apa adanya:

• Bootstrap: https://getboottrap.com/
• Codemirror: https://codemirror.net/
• DOMPURIFY: https://github.com/cure53/dompurify
• Reset CSS Eric Meyer: https://meyerweb.com/eric/tools/css/reset/
• JS Beautifier: https://github.com/beautify-web/js-beautify
• Mustache.js: https://github.com/janl/mustache.js/ diimpor dari https://unpkg.com/browse/[email protected]/mustache.js

Mereka tidak boleh diubah selain untuk memperbarui ke versi terbaru mereka untuk alasan pemeliharaan.

Ikon

Ikon yang digunakan dalam ekstensi berasal dari Nucleo dan ikon baru yang digunakan dalam ekstensi juga harus datang dari sana untuk konsistensi.

Konfigurasi Editor

File EditorConfig disertakan untuk menyatukan gaya pengkodean untuk editor yang berbeda.

Ucapan Terima Kasih

Didukung oleh:

• BrowserStack

Pengarang

Chris Pederick

• https://chrispederick.com/
• https://social.lol/@chrispederick

Lisensi

Semua file didistribusikan secara gratis di bawah ketentuan Lisensi Publik Umum GNU. Ini tidak berlaku untuk perpustakaan atau ikon yang disertakan yang disebutkan di bagian pengembang yang memiliki lisensi individual mereka sendiri.