كيفية عرض كود الموقع

جدول المحتويات:

كيفية عرض كود الموقع
كيفية عرض كود الموقع

فيديو: كيفية عرض كود الموقع

فيديو: كيفية عرض كود الموقع
فيديو: How to Display Code in WordPress 2024, مارس
Anonim

يمكن أن تكون القدرة على عرض الكود المصدري لمواقع مختلفة مفيدة للغاية عند إنشاء موقع بنفسك. يمكنك رؤية كود HTML باستخدام إعدادات خاصة وملحقات متصفح إضافية ، وكذلك برامج لعرض الملفات النصية.

كيفية عرض كود الموقع
كيفية عرض كود الموقع

ضروري

  • - برنامج المتصفح.
  • - برنامج المفكرة.

تعليمات

الخطوة 1

ابحث عن عنصر القائمة "كود مصدر الموقع" في متصفحك. على سبيل المثال ، في برنامج Mozilla Firefox ، يمكن العثور عليه في قسم "تطوير الويب" ، الموجود في عنصر "الأدوات" في القائمة الرئيسية ، وفي متصفح Internet Explorer ، يتم استدعاء عرض كود html من " عرض "عنصر القائمة الرئيسية. اذهب إلى الموقع الذي ترغب في دراسة الكود الخاص به. بعد تحميل الصفحة ، حدد أداة مصدر الموقع. سيعرض البرنامج نافذة خاصة سترى فيها الرمز. إذا تم عرض محتوى الصفحة بشكل غير صحيح ، فحاول تغيير الترميز.

الخطوة 2

يمكن توسيع وظائف المتصفح القياسية باستخدام مكون إضافي. غالبًا على موقع مطور البرنامج ، يمكنك العثور على امتداد يسمح لك بمشاهدة كود الموقع. على سبيل المثال ، يسمى المكون الإضافي لـ Mozilla Firefox Firebug ، لمتصفح Opera - DragonFly. قم بتنزيل البرنامج المساعد وتثبيته. قد تحتاج إلى إعادة تشغيل المتصفح. بعد ذلك ، انتقل إلى الموقع المطلوب. انقر فوق الزر لاستدعاء وحدة التحكم في المكون الإضافي - يمكن وضعها على إحدى لوحات العمل الخاصة بالبرنامج - وبعد ذلك ستظهر نافذة إضافية ، يتم فيها عرض الكود المصدري للصفحة المفتوحة.

الخطوه 3

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

موصى به: