15 Garis Perintah Grafik (GCLI) di Firefox untuk Pemaju Hadapan
Tidak kira berapa banyak butang mewah dan menu yang kami ada, selalu ada pengaturcara yang menghargai akses talian arahan dalam persekitaran kerja mereka, terutamanya apabila ia menghapuskan memburu untuk butang atau menu yang betul yang memaparkan tetapan yang diperlukan dalam barisan penglihatan kami.
Firefox telah mempunyai Jurubahasa Talian Perintah Grafik, atau secara ringkas a GCLI untuk sementara waktu sekarang, dan telah memperluaskan arahannya dari masa ke masa. Perintah GCLI memberikan pemaju dengan a akses cepat ke alat pembangunan dan konfigurasi. Ia juga mempunyai ciri autocomplete; jika anda menekan Tab semasa menaip sebarang arahan, arahan yang dicadangkan oleh GCLI akan dimasukkan.
Toolbar
Firefox GCLI juga dikenali sebagai Toolbar Pemaju. Disana ada tiga cara untuk membukanya:
- Tekan pintasan papan kekunci Shift + F2.
- Klik “Buka Menu” (hamburger) di sebelah kanan bar alamat (kanan ke butang Laman Utama), kemudian klik Pemaju> Toolbar Pemaju submenu.
- Dalam bar menu atas, tandai butang Alat> Pemaju Web> Bar Alat Pembangun pilihan.
Setelah Toolbar Pembuka dibuka, anda dapat melihatnya di bahagian bawah tetingkap pelayar. Jika anda telah memutuskan untuk bekerjasama dengannya GCLI, Saya akan menasihati untuk membiarkannya terbuka sepanjang masa semasa bekerja.
Sekarang mari kita lihat beberapa tugas berguna yang boleh anda lakukan di Firefox menggunakan GCLInya.
1. Keluarkan unsur halaman
Perintah: pagemod menghapus elemen
Apabila anda perlu melihat lagi tata letak laman web dengan beberapa elemen dikeluarkan, hanya taipkan arahan itu pagemod menghapus elemen
ke dalam Barisan Perintah Firefox untuk menghapuskan elemen tersebut dari halaman.
Nilai
perlu menjadi a pemilih CSS yang sah pada halaman. Katakanlah, dalam halaman yang anda ingin alih keluar semua pautan (khusus) kelas .btn
, perintah itu ditulis sebagai: Pagemod keluarkan elemen a.btn
.
Secara amnya, arahan itu pagemod
digunakan untuk mengubah suai halaman, dengan sama ada mengeluarkan atau menggantikan elemen atau atribut yang dipilih.
2. Mengukur elemen
Perintah: mengukur
Jika anda mahu tahu ukurannya dari mana-mana modul visual pada halaman web, ada alat untuk itu. The “mengukur” alat boleh diakses melalui kedua-dua toolset web pemaju biasa dan GCLI.
Ketik dan masukkan mengukur
arahan ke baris arahan, dan kursor akan menjadi pelintas. Ukurannya akan ditunjukkan dalam piksel bersebelahan dengan kursor silang, dan dari lebar, ketinggian dan panjang pepenjuru kawasan yang dipilih. Untuk melumpuhkan alat tersebut, jalankan semula mengukur
perintah.
3. Edit fail dengan cepat
Perintah: edit
Mulakan mengedit sumber halaman anda dengan edit
perintah. Semasa menaip arahan, anda akan melihatnya URIs dari semua sumber yang ada dari halaman itu, yang boleh anda imbas menggunakan kekunci anak panah atas dan ke bawah. Sebaik sahaja anda telah memilih sumber yang ingin anda edit, tekan Tab untuk menyiapkan auto cadangan itu, dan tekan Enter, dan alat penyunting pelayar akan dibuka dengan fail yang dipilih.
4. Lihat sifat CSS yang tidak dikenali
Perintah: mdn css
Yang satu ini adalah arahan yang cukup keren-ia adalah sejenis kamus pop untuk sifat CSS. Sekiranya anda melihat sifat CSS yang tidak dikenali, dan ingin menyemak apa yang dimaksudkan untuknya, jalankan arahan itu mdn css
dalam GCLI dengan
digantikan dengan nama sebenar harta yang tidak dikenali itu.
Pop timbul akan muncul dengan “definisi” untuk sifat CSS itu betul di atas bar alat. Takrifnya ialah ekstrak dari halaman Rangkaian Pemaju Mozilla rasmi (MDN) daripada harta yang diberikan. Glosari MDN sifat CSS, elemen HTML dan API web sangat dipetik.
Jika teks yang ditunjukkan dalam popup tidak mencukupi, dan anda mahu tahu lebih banyak lagi, anda boleh mengklik pautan itu Lawati MDN Page di dalam pop timbul, dan halaman MDN untuk harta itu akan dibuka. Sekarang, arahan ini hanya tersedia untuk sifat CSS.
5. Saiz semula halaman
Perintah: saiz semula kepada
Alat saiz semula membolehkan anda melihat bagaimana halaman anda kelihatan saiznya kepada dimensi tertentu, yang boleh berguna apabila anda mahu melihat pratonton halaman anda dalam peranti dengan dimensi yang berbeza dari yang anda sedang bekerja.
Firefox juga mempunyai pintasan papan kekunci untuk membuka alat ini: Ctrl + Shift + M (Cmd + Alt + M untuk Mac). Tetapi jika anda sudah tahu dimensi yang tepat untuk digunakan untuk mengubah saiz, cara paling cepat adalah untuk menjalankan saiz semula
arahan dengan dimensi yang anda perlukan.
Dimensi adalah ditafsirkan dalam piksel. Sebaik sahaja arahan dijalankan, anda akan melihat halaman saiz.
6. Mulakan semula penyemak imbas
Perintah: mula semula
Perintah ini jelas nyata. Untuk memulakan semula Firefox, hanya taipkan mula semula
ke dalam baris arahan, dan tekan Enter-boleh berguna apabila anda memasang add-on atau plugin yang memerlukan restart.
7. Buka folder profil Firefox anda
Perintah: folder openprofile
Setiap pengguna Firefox mendapat mereka folder profil tempatan sendiri itu menyimpan fail khusus pengguna, seperti penanda buku dan / chrome
folder. Apabila anda memperibadikan Firefox, anda mungkin perlu melihat dan mengubah suai kandungan folder ini.
Cara alternatif untuk membuka folder ini ialah dengan mengklik butang Papar Folder pada mengenai: sokongan
halaman. Dengan menjalankan perintah itu folder openprofile
dalam Barisan Perintah Firefox, anda akan melihat folder profil anda buka sekaligus.
8. Salin nilai warna
Perintah: eyedropper
Selain hakikat bahawa ia hanya menyokong format hex, eyedropper adalah alat yang bijak untuk menyalin nilai warna mana-mana warna yang kelihatan di laman web. Masukkan arahan eyedropper
ke dalam GCLI untuk mengalihkan operasi operasi.
9. Menguji perpustakaan luaran
Perintah: suntikan
Jika anda mahu menguji beberapa perpustakaan luaran pada halaman web anda, bukannya menyelam ke dalam kod sumber untuk membuat penambahan sementara, gunakan sahaja suntikan
perintah untuk masukkan perpustakaan. Contohnya, untuk memasukkan jQuery hanya menaip suntikan jQuery
.
Pada melaksanakan arahan itu, sumber akan menjadi diimport ke halaman dengan memasukkan a >