Tools

Berikut adalah daftar tools dan resource yang akan membantu dalam proses pengembangan web anda, serta berguna saat debugging add-ons browser Firefox anda.

Pengembangan Web

Integrasi ke Firefox

Tool dan resources yang dibangun kedalam Firefox dan yang dalam pengembangan padat

Page Inspector: Sebuah tool yang berguna untuk menampilkan HTML dari elemen yang sedang anda tunjuk dengan mouse pada context

Web Console: Sebuah konsol yang memungkinkan anda memantau informasi output secara interaktif, menjalankan snippets JavaScripts dan bereksperimen dengan konten anda.

Scratchpad: Editor teks yang dibangun dalam Firefox yang memungkinkan anda mengubah dan menjalankan kode JavaScript.
Style Editor: Memungkinkan anda mengubah gaya pada halaman yang tampil saat itu secara langsung. Selain itu, anda dapat beralih ke bagian-bagian style lain. Sebuah cara yang fantastis untuk bekerja secara seketika dengan tampilan dan nuansa dari konten web.
JavaScript Debugger: Langkah melalui kode JavaScript yang berjalan pada browser (atau bahkan pada remote browser!) dan melihat variabel-variabel untuk membantu melacak bugs. Dokumentasi ini juga mencakup Remote Debugger, yang bisa anda gunakan untuk melakukan debug pada kode yang sedang berjalan pada perangkat Sistem Operasi Firefox atau dalam Firefox pada perangkat Android
Responsive Design View: Melihat bagaimana desain anda akan tampak pada ukuran layar yang berbeda tanpa mengubah ukuran keseluruhan jendela browser.
Using the Source Editor: Source Editor bukanlah alat yang berdiri sendiri, malahan, inilah yang mendasari editor yang digunakan Stratchpad dan Style Editor. Artikel berikut memberikan informasi umum pada semua tools yang memanfaatkan Source Editor API.
Developer Toolbar: Developer Toolbar memberikan sebuah antarmuka command-line untuk mengontrol dan bekerja dengan alat-alat pengembangan dalam Firefox, dan tombol-tombol kombinasi untuk akses cepat pada tools yang paling umum digunakan.

Ekstensi

Firebug: mengintegrasikan kemudahan dari tool pengembangan untuk melakukan edit, debug, dan pemantau CSS,HTML, dan JavaScript secara langsung pada setiap halaman web (selengkapnya).

DOM Inspector: Sebuah alat pengembangan yang digunakan untuk meneliti, membaca-baca, dan mengubah DOM dari dokumen, biasanya halaman web atau XUL windows.

Web Developer: Menambahkan menu dan toolbar pada web browser dengan alat pengembangan web yang beragam. (selengkapnya)

Aardvark: Memperlihatkan elemen-elemen DOM yang ditunjuk mouse saat anda menjelajahi halaman web.(selengkapnya)

More on Firefox Add-ons: Kategori pengembangan web dalam situs Firefox Add-ons

Validator

Daftar validator: Beragam validator untuk hal seperti HTML, CSS, RDF, Ekstensi Firefox, dan banyak lagi yang lainnya.

Authoring Software

HTMLTidy: Alat yang digunakan untuk memperbaiki atau menunjukan bagian HTML yang tidak benar serta meningkatkan layout dan lekukan gaya yang dihasilkan markup.

JavaScript

Error Console: Alat yang digunakan untuk melaporkan kesalahan atau error dalam aplikasi chrome dan halaman web user yang terbuka. Juga melaporkan kesalahan dan peringatan terkait dengan JavaScript, kesalahan-kesalahan pada CSS dan juga pesan-pesan kewenangan dari kode chrome.

Venkman: JavaScript Debugger milik mozilla
JSHint: Alat analisis statis dan kualitas kode JavaScript

JSLint: Alat kualitas kode JavaScript

JSDoc: Alat yang digunakan untuk melakukan generalisasi sebuah dokumentasi (biasanya HTML) dari komen kode (hampir sama dengan JavaDoc)

DOM

DOM Inspector: Alat pengembangan yang digunakan untuk menginspeksi, menjelajah, dan mengubah DOM(Document Object Model) dari dokumen-dokumen.

MODI: (Mouseover DOM Inspector) adalah bookmarklet yang mengijinkan anda untuk melihat dan memanipulasi DOM sebuah web secara mudah dengan menjelajahi dokumen dengan mouse.

Lokalisasi

Lokasisasi dan pemanfaatan alat: Alat dan sumber daya untuk membantu proses penglokalan dan penerjemahan ekstensi anda ke dalam bahasa yang lain.

Aksesbilitas

Kebijakan

Tinjauan WAI-ARIA: WAI-ARIA, Accessible Rich Internet Applications (aplikasi internet berharga yang mudah diakses) rangkaian himpunan dokumen yang tersusun bagaimana membuat situs Web 2.0 dan aplikasi-aplikasi lebih mudah diakses.

Testing Tools

AChecker: AChecker adalah alat yang memungkinkan anda untuk menuliskan url dan menguji aksesbilitasnya.
Daftar lengkap alat-alat W3C: Sebuah daftar lengkap alat untuk mengevaluasi aksesbilitas sebuah web.

Untuk daftar sumber aksesbilitas yang lebih komprehensif, bisa dilihat pada: Fluid Project accessibility resources dan ARIA.

Manajemen tree and branch(Pohon dan cabang)

cross-commit script: Concurrent Versions System(CVS) adalah script yang memungkinkan sebuah patch tunggal menjadi mudah diperiksa dalam banyak bagian cabang.

Perkakas Profil Pengguna

Profil ganda Firefox

Navigating the Mozilla Codebase

MXR (if you use vim, mxr-vim speeds up the process)

DXR

Profile Manager