رئيسي سفاري كيفية عرض مصدر 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 وقم بتسميتها 'إظهار مصدر الصفحة' (أو شيء مشابه، طالما يمكنك التعرف عليه). ثم في مربع نص العنوان، انسخ والصق كود جافا سكريبت محدد ، ثم يحفظ . بمجرد إعداد الإشارة المرجعية، انتقل إلى صفحة الويب التي تريد نشر مصدرها، ثم افتح إشاراتك المرجعية وحدد العلامة الجديدة إظهار مصدر الصفحة إشارة مرجعية لعرض الكود المصدري لصفحة الويب.

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

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

كيفية تمكين الوضع الداكن على Facebook
كيفية تمكين الوضع الداكن على Facebook
تعد أحدث واجهة مستخدم Facebook (UI) تغييرًا مرحبًا به وانتقالًا سهلاً من الإصدارات القديمة. نظرًا لأن خيار الوضع المظلم يعد خيارًا شائعًا للتطبيقات ، فمن المنطقي أن يتناغم Facebook مع الميزة. في
كيفية تعطيل الصور المصغرة الأخيرة على صفحة علامة التبويب الجديدة في Firefox
كيفية تعطيل الصور المصغرة الأخيرة على صفحة علامة التبويب الجديدة في Firefox
كيفية تعطيل الصور المصغرة الأخيرة على صفحة علامة التبويب الجديدة في Firefox
SLI مقابل Crossfire: ما هي وكيف تعمل
SLI مقابل Crossfire: ما هي وكيف تعمل
SLI و Crossfire طريقتان رائعتان لتنفيذ إعداد بطاقة رسومات مزدوجة على جهاز الكمبيوتر الخاص بك. ولكن كيف تعمل؟ وما هو الفرق؟
6 أفضل الطرق لاستخدام الفيسبوك للعثور على الأشخاص عبر الإنترنت
6 أفضل الطرق لاستخدام الفيسبوك للعثور على الأشخاص عبر الإنترنت
يعد Facebook أكبر موقع للتواصل الاجتماعي على الويب، مما يجعله أداة قوية للعثور على الأشخاص باستخدام أدوات البحث عن الأشخاص والأدوات الأخرى.
قم بتمكين استعراض علامة الإقحام في Microsoft Edge Chromium
قم بتمكين استعراض علامة الإقحام في Microsoft Edge Chromium
كيفية تمكين تصفح علامة الإقحام في Microsoft Edge Chromium. ظهرت ميزة جديدة أخرى على إصدار Canary من Microsoft Edge المستند إلى Chromium
يتيح تطبيق هاتفك الآن حذف الصور من الهاتف والمزيد
يتيح تطبيق هاتفك الآن حذف الصور من الهاتف والمزيد
قامت Microsoft بتحديث تطبيق Your Phone بميزتين جديدتين. الآن يتيح لك التطبيق حذف الصور المخزنة على هاتفك الذكي المرتبط مباشرة. هناك أيضًا تغيير طفيف في واجهة المستخدم والذي يتيح الآن تثبيت التطبيق على شريط المهام بنقرة واحدة.
قم بتعطيل بعض اختصارات Winkey في نظام التشغيل Windows 10
قم بتعطيل بعض اختصارات Winkey في نظام التشغيل Windows 10
في نظام التشغيل Windows 10 ، من الممكن تعطيل بعض اختصارات لوحة المفاتيح التي تتضمن مفتاح Win. هنا كيف يمكن القيام بذلك.