نصائح حول استخدام Inspect Element لمتصفح Google Chrome

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

فحص عنصر Google Chrome

1] البحث عن ملفات جافا سكريبت / الوسائط المخفية

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

2] الحصول على رمز اللون HEX / RGB في Chrome

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

نصيحة : ألق نظرة على أدوات الإنترنت الخاصة باللون المنتقى هذه أيضًا.

3] احصل على نصائح لتحسين أداء صفحة الويب

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

4] التحقق من الاستجابة

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

5] تحرير موقع ويب مباشر

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

فحص عنصر Google Chrome هو رفيق حقيقي لكل مطور ويب. لا يهم ما إذا كنت تقوم بتطوير موقع ويب مكون من صفحة واحدة أو موقع ويب ديناميكي ، يمكنك بالتأكيد استخدام هذه النصائح.