كيفية تحرير صفحات الويب على Safari باستخدام Inspect Element

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

هذا دليل بسيط موجه للمبتدئين لشرح كيف يمكنك البدء في تجربة Inspect Element في Safari لتعديل نصوص وصور موقع الويب بأقل قدر من المعرفة بالشفرة.

ما هو فحص العنصر؟

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

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

لماذا يجب عليك استخدام فحص العنصر؟

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

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

في الوقت الحالي ، سنركز على تحرير أساسيات صفحة الويب باستخدام Inspect Element.

كيفية الوصول إلى عنصر الفحص على Safari

يمكنك فتح Inspect Element على Safari باستخدام قائمة المطور:

1. افتح Safari.
2. انقر سفاري في شريط القوائم العلوي.
3. من القائمة المنسدلة ، حدد التفضيلات.
4. حدد ملف متقدم اختيار.
5. حدد المربع الذي يقول إظهار قائمة "تطوير" في شريط القوائم.

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

كيفية البحث عن عناصر الويب في فحص العنصر

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

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

كيفية تحرير نص موقع ويب باستخدام Inspect Element

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

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

كيفية تحرير صور موقع الويب باستخدام Inspect Element

بينما تظهر الصور لك بشكل مرئي على الواجهة الأمامية ، تظهر في رمز موقع الويب كروابط. يمكنك انقر على اليمين والصورة والاختيار تدقيق العنصر للانتقال إلى مكان وجود تلك الصورة في الكود. عادةً ما تحتوي صور مواقع الويب على امتدادات ملفات JPG أو GIF أو PNG ، وإن لم يكن ذلك حصريًا.

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

حفر في مواقع الويب باستخدام Safari

تتيح لك أداة Safari's Inspect Element العثور على الرمز المقابل للنص والصور وتغييره بسهولة ، وهو أمر سهل مثل تبديل نص أو سلسلة عنوان URL. بمجرد الانتهاء من تحرير موقع ويب باستخدام Inspect Element ، ما عليك سوى تحديث الصفحة وسيعود كل شيء إلى طبيعته.

كيفية تغيير وكيل مستخدم المستعرض الخاص بك ومواقع الويب الخادعة

اقرأ التالي

عن المؤلف