كيفية التقاط لقطة شاشة على Google Chrome باستخدام أدوات التطوير

جدول المحتويات:

كيفية التقاط لقطة شاشة على Google Chrome باستخدام أدوات التطوير
كيفية التقاط لقطة شاشة على Google Chrome باستخدام أدوات التطوير
Anonim

ما يجب معرفته

  • على الكمبيوتر الشخصي: اضغط على Ctrl + Shift + I ثم Ctrl + Shift P.
  • Mac: اضغط على Command + Option + I ثم Command + Shift P.
  • ثم اكتب "screenshot" لرؤية خيارات لقطة الشاشة الأربعة.

تشرح هذه المقالة كيفية التقاط لقطات شاشة في Chrome باستخدام أدوات المطور.

كيفية استخدام أدوات مطوري Chrome لأخذ لقطات الشاشة

الفرق بين استخدام مفتاح Print Screen وأداة Chrome هو أن أداة لقطة شاشة Chrome لا تتضمن حدود نافذة متصفح Chrome - فقط محتوى صفحة الويب.إذا كنت ترغب في التقاط محتوى الصفحة فقط دون تحرير لقطات الشاشة الخاصة بك ، يمكن لأدوات المطور توفير خطوة لك.

يمكنك استخدام القوائم أو اختصارات لوحة المفاتيح للوصول إلى أدوات المطور.

  1. اضغط على Ctrl + Shift + I على الكمبيوتر الشخصي ، أو Command + Option + I على جهاز Mac. بدلاً من ذلك ، انقر فوق أيقونة القائمة ثلاثية النقاط وحدد المزيد من الأدوات> أدوات المطوريؤدي القيام بذلك إلى فتح قائمة مطور Element Inspector ، التي تعرض صفحة الويب ترميز HTML.

    Image
    Image
  2. ثم اضغط على Ctrl + Shift P(PC) أو Command + Shift P(Mac) أو انقر فوق قائمة النقاط الثلاث لـ تخصيص والتحكم في DevTools وحدد تشغيل الأمر.

    Image
    Image

    للحصول على لقطة شاشة بالحجم العادي أو الكامل فقط ، انقر فوق أيقونة القائمة ثلاثية النقاط في الجزء العلوي من الصفحة التي تريد التقاطها وحدد لقطة شاشة أو التقاط لقطة شاشة بالحجم الكامل.

  3. اكتب "screenshot" لرؤية خيارات لقطة الشاشة ، وهي:

    • لقطة شاشة منطقة الالتقاط
    • التقاط لقطة شاشة بالحجم الكامل
    • التقاط لقطة شاشة العقدة
    • التقاط لقطة شاشة
    Image
    Image
  4. قم بالتمرير لأسفل لتحديد نوع لقطة الشاشة التي تريد التقاطها باستخدام الماوس أو مفاتيح الأسهم على لوحة المفاتيح.

خيارات لقطة شاشة مطور Chrome

حدد لقطة شاشة منطقة التقاطللاستيلاء على جزء من الشاشة. استخدم الماوس لسحب مربع حول المنطقة التي تريد لقطة الشاشة.

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

هذا الخيار له نتائج مختلطة في اختباراتنا ، اعتمادًا على موقع الويب.

إذا كنت تريد لقطة شاشة قياسية ، فاختر Capture screenshot، والتي تلتقط ما هو مرئي على شاشتك.

أخيرًا ، يمكنك الحصول على لقطة شاشة لعنصر HTML عن طريق اختيار Capture node screenshot.

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

موصى به: