أود أن أشارككم خدعة رائعة لمتصفح Mozilla Firefox يمكنها زيادة إنتاجيتك وتوفير وقتك. أثناء تصفح الويب ، قد ترغب أحيانًا في مشاركة شيء ما مع أصدقائك من خلال التقاط لقطة شاشة له. لكن الأمر يتطلب عدة خطوات لالتقاط لقطة شاشة للصفحة بأكملها وحفظها واقتصاصها وما إلى ذلك. في هذه المقالة ، سنرى كيفية التقاط لقطة شاشة لعنصر معين على صفحة ويب مباشرةً دون استخدام الوظائف الإضافية.
إعلانات
عندما يتم تحميل صفحة ويب ، يقوم مستعرض الويب الخاص بك بإنشاء نموذج كائن مستند للصفحة. تم إنشاء DOM كهيكل شجرة حيث تكون كل عقدة كائنًا يمثل جزءًا من المستند.
دعونا نرى كيف يمكنك استخدام هذا لالتقاط عنصر معين فقط في لقطة الشاشة الخاصة بك.
إلى التقط لقطة شاشة لعنصر صفحة ويب معين في Firefox ، قم بالخطوات التالية:
- افتح الصفحة المطلوبة في Firefox وانقر بزر الماوس الأيمن على العنصر الذي تريد التقاطه.
- من قائمة السياق ، حدد 'فحص العنصر':
- سيتم فتح أداة المفتش. لاحظ أنه يحتوي على عنصر تحكم مسار التنقل لعُقد شجرة DOM:
- هناك ، يمكنك النقر بزر الماوس الأيمن فوق أي عنصر واختيار عقدة لقطة الشاشة من قائمة السياق:
هذا هو بالضبط ما نحتاج إليه.
هذا هو بالضبط ما نحتاج إليه.إن الشيء العظيم في هذه الميزة هو أنها تلتقط أيضًا عناصر طويلة ، بما في ذلك معظم العناصر التي تتطلب التمرير. في حالتي ، إليك كيف تبدو لقطة الشاشة:
بدلاً من ذلك ، يمكنك استخدام ملف لقطة شاشة أمر. كتبت في وقت سابق كيفية التقاط لقطة شاشة للصفحة المفتوحة في Firefox . في المقالة المذكورة ، استخدمنا الأمر المدمج في أمر Firefox 'لقطة شاشة' لالتقاط الصفحة بأكملها. يمكن استخدام نفس الوظيفة لالتقاط صورة لعنصر معين في الصفحة المفتوحة.
- افتح Firefox واضغط على التحول + F2 على لوحة المفاتيح. سيفتح Firefox وحدة تحكم / سطر أوامر في أسفل الشاشة.
- اكتب الأمر التالي بداخله:
لقطة شاشة - اختر 'اسم'
استبدل اسم 'الجزء' باسم المحدد المناسب. في حالتي ، يجب أن يكون
screenshot - selector '# widget-apps> .iconlist> .iconlist-content> ul'
الطريقة الثانية مفيدة لمطوري الويب الذين يعرفون مسار عنصر DOM الدقيق. من الواضح أن المستخدم العادي يفضل الطريقة الأولى لالتقاط لقطة شاشة لعنصر صفحة ويب معين.
