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

Tips Using Inspect Element Google Chrome Browser



بافتراض أنك تريد نصائح حول استخدام ميزة Inspect Element في متصفح Google Chrome: انقر بزر الماوس الأيمن على العنصر الذي تريد فحصه وحدد 'فحص' من القائمة المنسدلة. يمكنك أيضًا استخدام اختصار لوحة المفاتيح Ctrl + Shift + I (Windows) أو Cmd + Opt + I (Mac) لفتح المفتش. بمجرد فتح المفتش ، سترى HTML للصفحة على اليسار و CSS على اليمين. يمكنك إجراء تغييرات على HTML و CSS في المفتش ورؤية هذه التغييرات سارية المفعول على الصفحة على الفور. للخروج من المفتش ، ما عليك سوى النقر فوق X في الزاوية العلوية اليمنى.



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





تحقق من عنصر Google Chrome

1] البحث عن ملفات JavaScript / Media المخفية





تحقق من عنصر Google Chrome



حذف نوافذ ملف تعريف المستخدم 10

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

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

الطرق القانونية لتنزيل الموسيقى

افحص عنصر Google Chrome والنصائح والحيل



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

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

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

افحص عنصر Google Chrome والنصائح والحيل

تعذر تحديد موقع نقطة إدخال الإجراء

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

4] اختبار الاستجابة

افحص عنصر Google Chrome والنصائح والحيل

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

تعطيل نظام التشغيل الآمن windows 10

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

افحص عنصر Google Chrome والنصائح والحيل

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

قم بتنزيل أداة إصلاح الكمبيوتر الشخصي للعثور بسرعة على أخطاء Windows وإصلاحها تلقائيًا

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

المشاركات الشعبية