30Jun
Firefox 11 menambahkan dua alat pengembang web baru ke arsenal Firefox yang sudah mengesankan. Fitur Tilt memvisualisasikan struktur situs web dalam 3D, sedangkan Editor Gaya dapat mengedit stylesheet CSS dengan cepat.
Fitur 3D, yang dikenal sebagai Tilt, adalah cara untuk memvisualisasikan DOM situs web. Ini terintegrasi dengan Inspektur Dokumen yang ada dan menggunakan WebGL untuk menampilkan grafis 3D yang kaya di browser Anda.
Tilt - 3D Website Visualisasi
Anda dapat mengakses Tilt dari dalam Firefox's Page Inspector. Untuk memulai, buka Page Inspector dengan memilih "Inspect" dari menu Web Developer. Anda juga bisa klik kanan di halaman ini dan pilih "Check Elemen" untuk memulai inspektur pada elemen tertentu.
Klik tombol "3D" pada toolbar inspektur.
Anda akan melihat struktur halaman setelah mengaktifkan mode 3D, namun akan terlihat rata sampai Anda memutarnya.
Putar model dengan mengklik kiri, gerakkan gambar di sekitar dengan mengklik kanan, dan zoom in dan out menggunakan roda mouse.
Pandangan ini terintegrasi dengan alat lain di inspektur. Jika Anda memiliki panel HTML atau Style yang terbuka, Anda dapat mengeklik elemen di halaman hte untuk melihat kode HTML elemen HTML atau CSS tersebut.
Fitur 3D Lainnya
Fitur visualisasi 3D didasarkan pada ekstensi Tilt, namun tidak memiliki semua fitur ekstensi Tilt. Jika Anda ingin menyesuaikan warna atau bahkan mengekspor visualisasi sebagai file model 3D untuk digunakan dengan program pengeditan 3D, Anda harus memasang pengaya 3D Tilt. Setelah memiliki, Anda akan mendapatkan opsi "Tilt" baru di menu Pengembang Web.
Klik tombol Cancel untuk menggunakan versi lama Tilt saat diminta. Anda akan menemukan kontrol untuk menyesuaikan visualisasi di sisi kiri jendela dan pilihan lainnya, termasuk fitur ekspor, di bagian atas halaman. Editor HTML Style
Untuk melihat dan mengedit lembar gaya CSS halaman, buka Editor Gaya dari menu Pengembang Web.
Editor Gaya mencantumkan stylesheet pada halaman ini. Matikan atau matikan stylesheet dengan mengklik ikon mata di sebelah kiri nama stylesheet. Edit stylesheet dengan memilih dan memodifikasi kode. Perubahan
segera direfleksikan pada halaman. Jika Anda mengganti lembar gaya, halaman akan kehilangan informasi gaya. Jika Anda mengedit stylesheet, Anda akan melihat hasil edit muncul di halaman saat Anda mengetik.
Anda dapat menyimpan salinan salah satu stylesheet ke komputer Anda, mengimpor stylesheet yang ada dari komputer Anda, atau menambahkan stylesheet kosong baru dengan tautan Simpan, Impor, atau Tautan Baru di jendela Gaya Editor.
Fitur visualisasi 3D memperhatikan perubahan pada halaman saat ini dan pemberitahuan saat terjadi perubahan. Bila Anda menggunakan Editor Gaya dengan inspektur 3D terbuka, perubahan Anda akan segera tercermin dalam tampilan 3D.Ini juga bekerja dengan ekstensi pihak ketiga yang memodifikasi halaman web, seperti Firebug.