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

Categories

Interwiki Language Links