December 15, 2016

5 Developer Firefox Yang Perlu Anda Tahu

Firefox adalah “pelayar developer” yang mempunyai banyak alat yang sangat berguna untuk membantu memudahkan kerja-kerja kita. Di laman web Firefox Developer Tools dan Developer Edition Browser terdapat banyak koleksi developer yang anda boleh cuba. Kami telah menyenaraikan 5 developer Firefox yang mungkin berguna untuk anda.

Lihat ruler secara mendatar dan menegak
Firefox mempunyai ruler yang memaparkan secara mendatar dan menegak dengan unit pixel di halaman. Alat ini adalah berguna untuk mengatur elemen anda di seluruh halaman.Untuk mengakses ruler melalui menu, pergi ke: ☰> Developer> Developer Toolbar (jalan pintas: Shift + F2). Setelah toolbar muncul di bahagian bawah halaman, taip rulers dan tekan Enter.Untuk membuat ia muncul di tetingkap developer, pergi ke “Toolbox Options”, di bawah seksyen “Available Toolbox Buttons”, pilih “Toggle rulers for the page” di kotak semak tersebut.
Ambil screenshot menggunakan pemilih CSS
Walaupun toolbar Firefox membolehkan anda mengambil screenshot sebahagian atau halaman penuh, kaedah pemilih CSS adalah lebih berguna untuk mengambil screenshot untuk elemen individu dan juga untuk unsur-unsur yang boleh dipaparkan pada tetikus hover sahaja (seperti menu).Untuk mengambil screenshot melalui menu, pergi ke ☰> Developer> Developer Toolbar (shortcutShift + F2). Setelah toolbar muncul di bahagian bawah halaman, jenis screenshot –selector any_unique_css_selector dan tekan enter.Untuk membuat ini muncul di tetingkap alat pemaju: klik “Toolbox Options” dan di bawah seksyen “Available Butang Toolbox”, dan pilih “Take a fullpage screenshot” di kotak semak.
Pilih warna dari halaman web
Firefox mempunyai alat pemilih warna sendiri iaitu “Eyedropper”. Untuk mengakses ke “Eyedropper ” melalui menu, anda perlu pergi ke ☰> Developer> “Eyedropper”.Untuk membuat ini muncul di tetingkap alat pemaju: klik “Toolbox Options” dan di bawah seksyen “Available Toolbox Buttons” pilih “Grab a color from the page” di kotak semak.
Lihat susun atur halaman dalam 3D
Untuk melihat halaman web dalam 3D akan membantu mengatasi masalah susun atur. Anda akan dapat melihat unsur-unsur berlapis yang berbeza dengan lebih jelas dalam pandangan 3D.Untuk melihat laman web dalam 3D, klik “3D View” butang alat.Untuk membuat ini muncul di tetingkap alat pemaju, klik “Toolbox Options ” dan di bawah seksyen “Available Toolbox Buttons” pilih “3D View” di kotak semak.
Preview web dalam saiz skrin yang berbeza
Untuk menguji halaman web yang responsif dengan menggunakan “Responsive Design View”, yang boleh diakses melalui ☰> Developer> Responsive Design View atau dengan jalan pintas: Ctrl + Shift + M.Untuk membuat butang “Responsive Design Mode” muncul, klik “Toolbox Options” dan di bawah bahagian seksyen “Available Toolbox Buttons”, pilih “Responsive Design Mode” di kotak semak.