رئيسي سفاري كيفية عرض مصدر HTML في سفاري

كيفية عرض مصدر HTML في سفاري



ماذا تعرف

  • من قائمة سفاري اختار يطور > إظهار مصدر الصفحة .
  • أو انقر بزر الماوس الأيمن على الصفحة و إظهار مصدر الصفحة من القائمة المنسدلة.
  • اختصار لوحة المفاتيح: الخيار+الأوامر+U .

توضح هذه المقالة كيفية عرض كود مصدر HTML في Safari.

عرض كود المصدر في سفاري

يعد عرض كود المصدر في Safari أمرًا سهلاً:

كيفية إيقاف الإعلانات على android
  1. افتح سفاري.

  2. انتقل إلى صفحة الويب التي ترغب في فحصها.

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

    وبدلاً من ذلك، اضغط على الخيار+الأوامر+U على لوحة المفاتيح الخاصة بك.

    ال
  4. إذا كانت قائمة التطوير غير مرئية، فانتقل إلى التفضيلات في ال متقدم القسم واختيار إظهار قائمة التطوير في شريط القوائم .

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

يحتوي Safari أيضًا على اختصار لوحة المفاتيح لعرض مصدر HTML: اضغط باستمرار على يأمر و خيار مفاتيح وضرب في ( كمد + يختار، يقرر + في .)​

مزايا عرض كود المصدر

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

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

هل عرض كود المصدر قانوني؟

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

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

التعليمات
  • كيف أقوم بتحرير كود مصدر الصفحة في Safari؟

    لا يمكنك تحرير التعليمات البرمجية المصدر لصفحة الويب في Safari. عند عرض الكود المصدري في Safari، انسخه والصقه في تطبيق يمكنه تصدير الملفات كنص عادي (مثل TextEdit أو Pages).

    محتوى جديد متاح. انقر هنا لتحديث الصفحة. تحديث
  • كيف يمكنني عرض الكود المصدري لموقع الويب في Safari على جهاز iPhone الخاص بي؟

    لا يدعم إصدار iOS من Safari عرض مصدر صفحة الويب بشكل مباشر، ولكن يمكنك إعداد إشارة مرجعية مخصصة تنجز نفس المهمة. قم بإنشاء إشارة مرجعية جديدة في Safari وقم بتسميتها 'إظهار مصدر الصفحة' (أو شيء مشابه، طالما يمكنك التعرف عليه). ثم في مربع نص العنوان، انسخ والصق كود جافا سكريبت محدد ، ثم يحفظ . بمجرد إعداد الإشارة المرجعية، انتقل إلى صفحة الويب التي تريد نشر مصدرها، ثم افتح إشاراتك المرجعية وحدد العلامة الجديدة إظهار مصدر الصفحة إشارة مرجعية لعرض الكود المصدري لصفحة الويب.

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

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

المستقبل وفقًا لـ Alphabet Moonshots: From Calico إلى X.
المستقبل وفقًا لـ Alphabet Moonshots: From Calico إلى X.
تقوم Google ببناء المستقبل - أو يجب أن نقول ، Alphabet كذلك. تستخدم الشركة التي كانت تُعرف سابقًا باسم Google مليارات الدولارات التي تكسبها كل ثلاثة أشهر لبناء بالونات لتزويد الإنترنت وسيارات بدون سائق وعدسات لاصقة ذكية - وهي
كيفية جعل ملف تعريف Overwatch الخاص بك خاصًا
كيفية جعل ملف تعريف Overwatch الخاص بك خاصًا
من الأفضل لعب لعبة قائمة على الفريق مثل Overwatch مع الأصدقاء أو زملاء النقابة. ومع ذلك ، في معظم الأحيان ، ينتهي بك الأمر إلى الانضمام إلى مجموعات الالتقاط (PUG’s) مع مجموعة من المستخدمين المجهولين. في هذه الحالات ، احتفظ بملف تعريف Overwatch الخاص بك
كيفية اللعب المصنفة في League of Legends
كيفية اللعب المصنفة في League of Legends
لا تزال League of Legends واحدة من أكثر الألعاب شعبية على الإنترنت ، وهي حقيقة مثيرة للإعجاب بشكل مضاعف بالنظر إلى أنها عمرها أكثر من عقد من الزمان. جزء كبير من جاذبية اللعبة وخلودها يكمن في تركيزها
كيف تخفي رقم هاتفك عند إرسال رسالة نصية
كيف تخفي رقم هاتفك عند إرسال رسالة نصية
هل أردت يومًا إخفاء رقم هاتفك عند إرسال رسالة نصية؟ هناك العديد من الأسباب التي تجعلك تريد إرسال نص مجهول. ربما تريد أن تلعب مزحة على صديق أو ترسل
سيسمح Chrome 86 بإلغاء تثبيت PWAs من الإعدادات ولوحة التحكم
سيسمح Chrome 86 بإلغاء تثبيت PWAs من الإعدادات ولوحة التحكم
تعمل Google باستمرار على تحسين تنفيذ تطبيقات الويب التقدمية (PWA). تضيف ميزة جديدة ، رصدتها Leopeva64 لأول مرة ، القدرة على إزالة تطبيق PWA مثبت باستخدام الطرق التقليدية ، مثل خيار لوحة التحكم ، وتطبيق الإعدادات ، وخيار النقر بزر الماوس الأيمن في قائمة ابدأ. تطبيقات الويب التقدمية (PWAs) هي تطبيقات الويب التي تستخدم
كيفية إصلاح أخطاء ERR_CONNECTION_REFUSED في نظام التشغيل Windows 10
كيفية إصلاح أخطاء ERR_CONNECTION_REFUSED في نظام التشغيل Windows 10
إذا كنت ترى أخطاء ERR_CONNECTION_REFUSED في نظام التشغيل Windows 10 ، فهذا يعني وجود خطأ في تكوين الشبكة. بينما يلقي معظم الأشخاص باللوم على Windows ، إلا أنه ليس دائمًا ما يكون على خطأ Windows كما هو الحال في بعض الأحيان في المتصفح. بينما محبط ، مثل كل شيء
قم بتغيير إعدادات Windows Update في نظام التشغيل Windows 10
قم بتغيير إعدادات Windows Update في نظام التشغيل Windows 10
قم بتغيير إعدادات Windows Update في Windows 10 والتي لا يمكن الوصول إليها أو تعطيلها.