Saya ingin berkongsi dengan anda satu trik hebat untuk Mozilla Firefox yang dapat meningkatkan produktiviti dan menjimatkan masa anda. Semasa melayari laman web, kadangkala anda ingin berkongsi sesuatu dengan rakan anda dengan mengambil tangkapan skrinnya. Tetapi memerlukan beberapa langkah untuk mengambil tangkapan layar keseluruhan halaman, menyimpannya, memotongnya dll. Dalam artikel ini, kita akan melihat cara langsung mengambil tangkapan skrin elemen tertentu di laman web tanpa menggunakan add-on.
Iklan
Apabila halaman web dimuat, penyemak imbas web anda membuat Model Objek Objek Dokumen halaman. DOM dibina sebagai struktur pokok di mana setiap simpul adalah objek yang mewakili sebahagian daripada dokumen.
Mari lihat bagaimana anda boleh menggunakannya untuk menangkap hanya elemen tertentu ke tangkapan skrin anda.
Ke ambil tangkapan skrin elemen halaman web tertentu di Firefox , lakukan langkah-langkah berikut:
- Buka halaman yang dikehendaki di Firefox dan klik kanan elemen yang ingin anda tangkap.
- Dari menu konteks, pilih 'Inspect element':
- Alat pemeriksa akan dibuka. Perhatikan bahawa ia mempunyai kawalan serbuk roti untuk nod pokok DOM:
- Di sana, anda boleh mengklik kanan mana-mana elemen dan memilih Nod Tangkapan Skrin dari menu konteks:Inilah yang kita perlukan.
Perkara yang menarik mengenai ciri ini ialah ia juga menangkap elemen panjang, termasuk kebanyakan elemen yang memerlukan tatal. Dalam kes saya, inilah paparan tangkapan skrin:
Sebagai alternatif, anda boleh menggunakan bawaan tangkapan skrin arahan. Sebelumnya, saya menulis Cara mengambil tangkapan skrin halaman yang dibuka di Firefox . Dalam artikel yang disebutkan, kami menggunakan perintah 'tangkapan layar' Firefox bawaan untuk menangkap seluruh halaman. Fungsi yang sama dapat digunakan untuk menangkap elemen tertentu pada halaman yang dibuka.
- Buka Firefox dan tekan Shift + F2 pada papan kekunci. Firefox akan membuka konsol / baris arahan di bahagian bawah skrin.
- Taipkan arahan berikut di dalamnya:
tangkapan skrin --pemilih 'nama'
Ganti nama 'bahagian' dengan nama pemilih yang sesuai. Dalam kes saya, semestinya
tangkapan skrin --selector '# widget-apps> .iconlist> .iconlist-content> ul'
Kaedah kedua berguna untuk pembangun web yang mengetahui jalan elemen DOM yang tepat. Rata-rata pengguna jelas akan memilih kaedah pertama untuk mengambil tangkapan skrin elemen halaman web tertentu.