Laman » Reka Bentuk Web » 15 Garis Perintah Grafik (GCLI) di Firefox untuk Pemaju Hadapan

    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:

    1. Tekan pintasan papan kekunci Shift + F2.
    2. Klik “Buka Menu” (hamburger) di sebelah kanan bar alamat (kanan ke butang Laman Utama), kemudian klik Pemaju> Toolbar Pemaju submenu.
    3. 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 > tag ke dalam seksyen dokumen HTML.

    10. Ambil tangkapan skrin

    Perintah: tangkapan skrin

    The alat tangkapan skrin terbina dalam di Firefox cukup kuat. Sebagai contoh, anda boleh menyasarkan elemen individu menggunakan pemilih CSS, menggunakan pemasa, memohon a dpr. Anda juga boleh mengambil tangkapan skrin hanya bahagian krom penyemak imbas (kawasan sekitar kandungan pengguna) dengan menggunakan screenshot --chrome perintah.

    Tangkapan skrin disimpan di dalam Muat turun folder pelayar dalam format PNG.

    11. Raja yang terbuka

    Perintah: penguasa

    Satu lagi alat sejuk dari Firefox yang mudah diakses melalui GCLI. The penguasa perintah memaparkan penguasa mendatar dan menegak sekitar halaman. Pengukuran penguasa adalah dalam piksel. Jalankan perintah yang sama untuk menyahaktifkan pemerintah.

    12. Buka konsol & debugger

    Perintah: konsol terbuka dan dbg terbuka

    Sekiranya kekunci keyboard dikurangkan membuka konsol web atau alat debugger telah tergelincir fikiran anda, tidak ada kebimbangan, hanya taip arahan mudah konsol terbuka atau dbg terbuka ke dalam Barisan Perintah Firefox untuk membuka alat masing-masing.

    13. Mengira elemen halaman

    Perintah: qsa

    Perintah yang bagus dari GCLI ini mengambil banci cepat unsur-unsur dalam laman web itu padankan pemilih CSS yang diberikan. Sebagai contoh, untuk mendapatkan hitungan semua elemen pada halaman, gunakan qsa a perintah.

    14. Mengaktifkan atau melumpuhkan add-on

    Perintah: senarai addon

    Sekiranya anda perlu membuat tinjauan dan mengurus Firefox Firefox, saya cadangkan anda gunakan arahan GCLI dan bukannya menu Add-ons kerana versi GCLI menyenaraikan semua add-ons dan plugin, termasuk yang telah dipasang sebelum ini, yang mungkin tidak disenaraikan dalam menu Tambah-ons.

    Anda boleh tukar status tambahan dalam GCLI dengan arahan tambahan diikuti oleh arahan kecil yang berkenaan, sama ada membolehkannya atau melumpuhkan.

    Pada demo di bawah ini anda boleh lihat bagaimana untuk melumpuhkan Pocket dengan cepat dalam Firefox.

    15. Urus tetapan

    Perintah: persembahan pref

    Terdapat tan tetapan penyesuaian pengguna boleh mengakses melalui Firefox mengenai: config halaman. Tetapan yang sama boleh dilihat dan diubahsuai menggunakan GCLI juga.

    Menggunakan GCLI untuk mengakses tetapan penyesuaian adalah pilihan yang lebih cepat jika anda sudah tahu konfigurasi yang anda mahu lihat atau tukar. Untuk tetapkan nilai untuk tetapan, menggunakan pref set perintah, dan untuk tetapkan semula tetapan, jenis pref reset .

    Pada demo di bawah ini anda boleh melihat bagaimana semak URI yang suntikan jQuery arahan telah menyuntik ke dalam halaman (lihat bahagian # 9 dalam artikel ini):