التقط لقطة شاشة لعنصر صفحة ويب معين في Firefox

أود أن أشارككم خدعة رائعة لمتصفح Mozilla Firefox والتي يمكن أن تزيد من إنتاجيتك وتوفر وقتك. أثناء تصفح الويب ، قد ترغب أحيانًا في مشاركة شيء ما مع أصدقائك من خلال التقاط لقطة شاشة له. لكن الأمر يتطلب عدة خطوات لالتقاط لقطة شاشة للصفحة بأكملها وحفظها واقتصاصها وما إلى ذلك. في هذه المقالة ، سنرى كيفية التقاط لقطة شاشة لعنصر معين مباشرة على صفحة ويب دون استخدام الوظائف الإضافية.

عندما يتم تحميل صفحة ويب ، يقوم مستعرض الويب الخاص بك بإنشاء نموذج كائن مستند للصفحة. تم إنشاء DOM كهيكل شجرة حيث تكون كل عقدة كائنًا يمثل جزءًا من المستند.

دعنا نرى كيف يمكنك استخدام هذا لالتقاط عنصر معين فقط في لقطة الشاشة الخاصة بك.

إلى التقط لقطة شاشة لعنصر صفحة ويب معين في Firefox، قم بالخطوات التالية:

1. افتح الصفحة المطلوبة في Firefox وانقر بزر الماوس الأيمن فوق العنصر الذي تريد التقاطه.
2. من قائمة السياق ، حدد "فحص العنصر":
3. سيتم فتح أداة المفتش. لاحظ أنه يحتوي على عنصر تحكم مسار التنقل لعُقد شجرة DOM:
4. هناك ، يمكنك النقر بزر الماوس الأيمن فوق أي عنصر واختيار عقدة لقطة الشاشة من قائمة السياق:هذا هو بالضبط ما نحتاج إليه.

إن الشيء العظيم في هذه الميزة هو أنها تلتقط أيضًا عناصر طويلة ، بما في ذلك معظم العناصر التي تتطلب التمرير. في حالتي ، إليك كيف تبدو لقطة الشاشة:

بدلاً من ذلك ، يمكنك استخدام ملف لقطة شاشة أمر. كتبت في وقت سابق كيفية التقاط لقطة شاشة للصفحة المفتوحة في Firefox. في المقالة المذكورة ، استخدمنا "لقطة شاشة" لأمر Firefox المدمج لالتقاط الصفحة بأكملها. يمكن استخدام نفس الوظيفة لالتقاط لقطة شاشة لعنصر معين في الصفحة المفتوحة.

1. افتح Firefox واضغط على التحول + F2 على لوحة المفاتيح. سيفتح Firefox وحدة تحكم / سطر أوامر أسفل الشاشة.
2. اكتب الأمر التالي بداخله:

   لقطة شاشة - حدد "الاسم"

   استبدل اسم "الجزء" باسم المحدد المناسب. في حالتي ، يجب أن يكون

   لقطة شاشة - selector "# widget-apps> .iconlist> .iconlist-content> ul"

الطريقة الثانية مفيدة لمطوري الويب الذين يعرفون مسار عنصر DOM الدقيق. من الواضح أن المستخدم العادي سيفضل الطريقة الأولى لأخذ لقطة شاشة لعنصر صفحة ويب معين.