يعد Firefox^(Firefox) متصفحًا شائعًا لأجهزة الكمبيوتر التي تعمل بنظام Windows^{(Windows PC)} . يتيح لك شريط أدوات المطور^{(Developer Toolbar)} في Firefox و Chrome التقاط لقطات شاشة لنافذة المتصفح دون استخدام أي وظائف إضافية للمتصفح أو برنامج التقاط شاشة^{(screen capture software)} تابع لجهة خارجية . سيوضح لك هذا البرنامج التعليمي كيفية التقاط لقطات شاشة في متصفح Chrome أو Firefox^{(capture screenshots in Chrome or Firefox browser)} محليًا ، دون استخدام أو تثبيت أي برنامج تابع لجهة خارجية.

أنت تدرك بالطبع أنه لالتقاط لقطات شاشة لسطح المكتب على Windows^{(capturing Desktop screenshots on Windows)} ، يجب عليك الضغط على مفتاح Print Screen أو مفتاح Prnt Scrn . يمكن العثور عليها في الجزء الأيمن العلوي من لوحة المفاتيح. لالتقاط النافذة النشطة فقط ، اضغط باستمرار على مفتاح Alt ، قبل الضغط على مفتاح Print Screen . دعونا نرى كيفية القيام بذلك باستخدام أدوات المطور^{(Developer Tools)} المضمنة .

التقاط لقطات^{(Screenshots)} في متصفح كروم^(Chrome)

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

أولاً ، قم بتشغيل Google Chrome وانتقل إلى صفحة الويب التي ترغب في التقاط شاشتها.

بمجرد الوصول إلى هناك ، انقر فوق رمز الهامبرغر في المتصفح ، والذي يظهر في الزاوية العلوية اليمنى من شاشة جهاز الكمبيوتر الخاص بك.

بعد ذلك ، اختر " المزيد من الأدوات^{(More tools)} " عندما تتوسع قائمة الإجراءات ، وبعد ذلك ، حدد خيارات " أدوات المطور ".^{(Developer tools)}

بعد ذلك ، ستظهر نافذة صغيرة لأدوات المطور . ^{(Developer Tools)}انقر فوق^(Click) الزر Toggle Device Mode كما هو موضح في الصورة أدناه لتفعيل الخيار. بمجرد التفعيل ، سيتحول الزر إلى اللون الأزرق.

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

إذا لزم الأمر ، قم بتهيئة حجم واتجاه لقطة الشاشة.

بمجرد الانتهاء ، انقر فوق رمز النقاط الثلاث في الزاوية اليمنى القصوى ، ومن قائمة الخيارات المعروضة ، حدد الخيار الذي يُقرأ باسم " لقطة شاشة^{(Capture screenshot)} ".

That’s it!

خذ لقطات شاشة في متصفح Firefox

تلميح^(TIP) : يمكنك الآن تمكين ميزة لقطات الشاشة في Firefox .^{(enable the Firefox Screenshots)}

افتح متصفح Mozilla Firefox^{(Mozilla Firefox)} وانتقل إلى صفحة الويب التي ترغب في التقاط شاشتها. بمجرد الوصول إلى هناك ، انقر فوق أيقونة المزيد من الإجراءات^{(More Actions)} الظاهرة في الزاوية اليمنى العليا.

اختر لوحة المطور^{(Developer Tile)} . سيؤدي هذا إلى فتح أدوات مطور الويب. بدلاً من ذلك ، يمكنك الضغط على " Ctrl+Shift+I " لتشغيل أدوات المطور.

بعد ذلك ، من قائمة الخيارات المعروضة ، حدد الخيار الذي يُقرأ باسم " وضع التصميم المستجيب^{(Responsive Design Mode)} ".

هنا ، إذا لزم الأمر ، يمكنك إعداد حجم واتجاه لقطة الشاشة الخاصة بك عن طريق تكوين مجموعة الخيارات الصحيحة. بمجرد العثور على كل الأشياء في مكانها ، اضغط على زر الكاميرا^(Camera) للاستيلاء على الشاشة.

أخيرًا ، احفظ لقطة الشاشة التي تم التقاطها في الموقع المطلوب على جهاز الكمبيوتر الخاص بك.

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

اقرأ التالي^{(Read next)} : كيفية التقاط لقطات شاشة لموقع ويب عن بُعد^{(How to take screenshots of a website remotely)} .

Capture or take Screenshots in Chrome or Firefox browser natively

Firefox is a popular browser for Windows PC. The Developer Tоolbar in Firefox and Chrome allows you to take screenshots of the browser window without υsіng any brоwser add-ons or 3rd-party screen capture software. This tutorial will show you how to capture screenshots in Chrome or Firefox browser natively, without using or installing any third-party software.

You are of course aware that for capturing Desktop screenshots on Windows, you have press the Print Screen or Prnt Scrn key. It can be found in the upper right section of your keyboard. To capture only the active window, hold down the Alt key, before you press the Print Screen key. Let us see how to do it using the built-in Developer Tools.

Capture Screenshots in Chrome browser

Screen Captures can be immensely useful in cases where you come across an interesting tutorial online and would want to save a copy of the web page as a screenshot on your computer for reference, later. If you want to do the same, follow the steps outlined in the post below to help you take full-page screenshot of any web page in Google Chrome.

First, launch Google Chrome and navigate to the web page whose screen you would like to capture.

Once there, click the hamburger icon of the browser, visible in the upper right-hand corner of your computer screen.

Next, chose ‘More tools’ when the menu of action expands and later, select ‘Developer tools’ options.

Thereafter, a small window for Developer Tools will show up. Click on the Toggle Device Mode button as shown in the image below to activate the option. Once activated, the button will turn blue in color.

Here, minimize the Developer Tools window and in the backdrop set up your screenshot. Also, select the right device type for your screenshot from the device drop-down menu.

If required, configure the size and orientation of the screenshot.

Once finished, click on the 3-dots icon in the extreme right corner, and from the list of options displayed, select the one reading as ‘Capture screenshot’.

That’s it!

Take Screenshots in Firefox Browser

TIP: You can now enable the Firefox Screenshots feature.

Open the Mozilla Firefox browser and go to the web page whose screen you would like to capture. Once there, click on More Actions icon visible in the upper right-hand corner.

Choose the Developer Tile. This will open the web developer tools. Alternatively, you can press ‘Ctrl+Shift+I’ to launch the developer tools.

Next, from the list of options displayed, select the one reading as ‘Responsive Design Mode’.

Here, if required, you can set up the size and orientation for your screenshot by configuring the correct set of options. Once you find all things in place, hit the Camera button to grab the screen.

Finally, save the captured screenshot to the desired location on your computer.

Screenshots can be of immense use to Web designers who take browser screenshots for performing a thorough checking of browser compatibility in different web browsers and systems. Whatever the purposes maybe you can always rely on Chrome or Firefox browser to take a screenshot natively, using these developer tools.

Read next: How to take screenshots of a website remotely.

Related posts

• كيفية مسح Cache، Cookies، Browsing History في Chrome and Firefox

• Chrome or Firefox لا يمكن تنزيل الملفات أو حفظها على جهاز الكمبيوتر الخاص بك

• تعطيل، إلغاء تثبيت Adobe Flash، Shockwave في Chrome، Firefox، Edge، أي

• FIX: recaptcha لا يعمل في Chrome، Firefox، أو أي متصفح

• FIX: Vimeo لا يعمل في Chrome or Firefox

• Web Cache Viewer مجانا لChrome، Firefox and Edge browsers

• Restart Chrome، Edge or Firefox دون فقدان علامات التبويب في Windows 11/10

• لا يمكن الكتابة في حقول إدخال النص في Chrome and Firefox browsers

• Browser ملحقات لاتخاذ Screenshot في Chrome and Firefox

• Chrome or Firefox العنوان bar search لا يعمل

• تمكين Dark Mode على أي موقع ويب باستخدام Dark Reader ل Chrome، Firefox

• لا يمكن فتح موقع معين في Chrome، Firefox، Edge، أي

• ويندوز Defender Application Guard Extension ل Chrome & Firefox

• Record audio من browser tab من Chrome or Firefox

• كيفية تعطيل المدمج في Password Manager في Chrome، Edge، Firefox

• Search عبر علامات تبويب مفتوحة متعددة على Firefox and Chrome browsers

• كيفية حفظ صفحات الويب PDF في Chrome or Firefox

• Force Links لفتح في الخلفية Tab في Chrome، Edge، Firefox، Opera

• كيفية فتح Chrome، Edge or Firefox browser في Full Screen mode

• كيفية تغيير Default Font في Chrome، Edge، Firefox browser