رئيسي جوجل كروم اصنع لقطة شاشة لصفحة الويب بإطار الجهاز في Chrome

اصنع لقطة شاشة لصفحة الويب بإطار الجهاز في Chrome



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

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

يمكنك القيام بذلك على النحو التالي.

  1. افتح الصفحة المطلوبة في Chrome واضغط على F12. سيؤدي هذا إلى فتح أدوات المطور:winaero-com-blog-firefox-drops-all-npapi-plugins-باستثناء-flash-iphone-6
  2. انقر فوق زر محاكي الجهاز المحمول لتبديل وضع أدوات المطور:
  3. ضمن محدد الجهاز ، حدد بعض الأجهزة. على سبيل المثال ، سأختار iPhone 6:
  4. الآن ، انقر فوق قائمة 3 نقاط على يمين محدد الجهاز وحدد الخيار 'إظهار إطار الجهاز':
  5. Voila ، يتم الآن عرض صفحة الويب الخاصة بك داخل إطار جهاز جميل:

    الآن ، انقر فوق قائمة النقاط الثلاث مرة أخرى وحدد 'التقاط لقطة شاشة':

ستكون النتيجة كما يلي:



انتهيت.

مقالات مثيرة للاهتمام

اختيار المحرر

كيف تصنع قفص في Unturned
كيف تصنع قفص في Unturned
هناك الكثير من أنواع وحدات التخزين في Unturned للحفاظ على متعلقاتك في مأمن من اللاعبين الآخرين ، بما في ذلك الصناديق. يمكن أن تكون الصناديق مصنوعة من أنواع مختلفة من الخشب ، مثل خشب البتولا والقيقب والصنوبر ، ولها سعة تخزين متفاوتة.
ابحث عن فهرس تجربة Windows في Windows 10 Spring Creators Update
ابحث عن فهرس تجربة Windows في Windows 10 Spring Creators Update
في الإصدار 1803 من Windows 10 ، تمت إزالة مجلد 'الألعاب' ، لذا إليك بعض الطرق البديلة التي يمكنك استخدامها للعثور على قيمة فهرس تجربة Windows في Windows 10 Spring Creators Update.
كيفية تعيين البرامج / التطبيقات الافتراضية في macOS
كيفية تعيين البرامج / التطبيقات الافتراضية في macOS
هل تفضل استخدام برنامج معين لفتح مستندات أو ملفات أخرى على جهاز Mac الخاص بك؟ ربما تستخدم Microsoft Word ، ثم تبدأ في استخدام Pages وتقرر أنك تفضله بشكل أفضل وتريد تغيير البرنامج الافتراضي إلى
مراجعة TomTom Spark 3: ساعة لياقة للجميع
مراجعة TomTom Spark 3: ساعة لياقة للجميع
تُعد TomTom Spark 3 ساعة لياقة بدنية رائعة ، لكن مجموعة الموديلات المذهلة (الموضحة بالتفصيل في الصفحة 2) تجعل من الصعب بعض الشيء معرفة متى تحصل على صفقة. لذلك عندما يقرع كاري 20 جنيهًا إسترلينيًا
تطبيق نهج المجموعة على مستخدم معين في Windows 10
تطبيق نهج المجموعة على مستخدم معين في Windows 10
من الممكن تطبيق خيارات نهج المجموعة على مستخدم أو مجموعة معينة في Windows 10 باستخدام واجهة المستخدم الرسومية. يمكنك استخدامه لتطبيق بعض القيود والتقصير.
كيفية تعطيل Windows Update في Windows 10 RTM
كيفية تعطيل Windows Update في Windows 10 RTM
إذا كنت لا تستطيع تحمل سلوك التحديث التلقائي في Windows 10 ، فإليك ما يمكنك فعله لإيقاف Windows Update وتعطيله في Windows 10 RTM.
التحديثات التراكمية لنظام التشغيل Windows 10 ، 9 يوليو 2019
التحديثات التراكمية لنظام التشغيل Windows 10 ، 9 يوليو 2019
تقوم Microsoft بإصدار مجموعة من التحديثات التراكمية لإصدارات Windows 10 المدعومة. لا تضيف التحديثات ميزات جديدة إلى نظام التشغيل ، ولكنها تعمل بدلاً من ذلك على إصلاح العديد من مشكلات الأمان والموثوقية وإضافة تحسينات على الميزات الحالية. تم إصدار التحديثات التالية لنظام التشغيل Windows 10. Windows 10 ، الإصدار 1903 ، KB4507453 (إصدار نظام التشغيل 18362.239) يتطلب