كيف ترى كود HTML لموقع على شبكة الإنترنت

صفحة النموذج

غالبًا ما تعرض مواقع الويب القائمة على الإطارات تخطيط مجموعة الإطارات بدلاً من المحتوى.

حقوق الصورة: vetkit / إستوك / جيتي إيماجيس

شفرة HTML الأساسية المستخدمة في إنشاء موقع ويب ليست مخفية ولكن يمكن الوصول إليها بسهولة من قبل أي شخص لديه الأدوات المناسبة. على سبيل المثال ، تمتلك متصفحات الويب مثل Firefox و Chrome و Safari و Opera و Internet Explorer طرقًا متعددة يمكنك من خلالها عرض كود HTML أو CSS أو JavaScript لموقع الويب مباشرةً. بالإضافة إلى ذلك ، يمكن لبعض أدوات مطوري الويب المخصصة تحميل وفتح صفحة ويب من الإنترنت مثل ملف مخزن على قرص محلي.

عرض المصدر في المستعرض

الخطوات المطلوبة لرؤية كود HTML لموقع الويب هي نفسها بشكل أساسي لكل من Firefox و Chrome و Safari و Opera و Internet Explorer. انقر بزر الماوس الأيمن فوق قسم من صفحة الويب يحتوي على نص فقط ثم حدد الخيار "عرض المصدر" أو "عرض مصدر الصفحة". اعتمادًا على إعداد المستعرض الخاص بك ، يتم فتح كود HTML في علامة تبويب متصفح جديدة أو في نافذة تطبيق منفصلة.

فيديو اليوم

حفظ رمز المصدر على القرص

إذا كنت بحاجة إلى فحص رمز موقع ويب أو تعديله لاحقًا ، فيمكنك حفظ الصفحة على محرك الأقراص الثابتة. عندما تنقر بزر الماوس الأيمن فوق صفحة ويب في Firefox أو Safari ، يُعرض عليك خيار "حفظ الصفحة باسم". يتوفر لمتصفحي Chrome و Opera خيار "حفظ باسم". لحفظ صفحة ويب باستخدام Internet Explorer ، انقر فوق "أدوات" و "ملف" ثم "حفظ باسم". بالإضافة إلى صفحة الويب في حد ذاته ، يحفظ المتصفح جميع الصور وملفات CSS وجافا سكريبت التي تستخدمها الصفحة والمخزنة محليًا على موقع الويب الخاص بها الخادم.

يوفر كل من Firefox و Chrome و Opera و Internet Explorer وضع مطور يمكّنك من عرض صفحة الويب المعروضة وكود HTML و CSS وجافا سكريبت في نفس الوقت. إذا قمت بالنقر فوق عنصر على الويب ، فسيظهر رمزه في لوحة عرض المطور. يمكن الوصول إلى لوحة المطور من خلال الخيارات أو أداة التكوين. بينما لا يحتوي Safari على أداة مطور أصلية ، يمكنك تثبيت واحدة كملحق.

تطبيقات مطوري الويب

تمكّنك أدوات تصميم مواقع الويب مثل Dreamweaver و Kompozer و Microsoft Expressions من فتح صفحة ويب عبر الإنترنت باستخدام عنوان URL الخاص بها. يمكنك عرض تعليمات HTML البرمجية في طريقة عرض التعليمات البرمجية المصدر فقط أو عرض الانقسام والمعاينة والمصدر. بالإضافة إلى ذلك ، يمكنك تحرير الكود وعرض التغييرات في الوقت الفعلي. لا يتم تغيير الكود الفعلي المخزن على خادم الموقع أبدًا.

المشكلات التي قد تواجهها

عن قصد أو عن غير قصد ، لا تتخلى بعض مواقع الويب عن كود HTML الخاص بها بسهولة. على سبيل المثال ، تستخدم بعض المواقع كود JavaScript ، الذي يمنع النقرات بزر الماوس الأيمن. لا يزال بإمكانك عرض شفرة المصدر عن طريق تنزيل الصفحة على القرص الخاص بك أو عن طريق تعطيل JavaScript في متصفحك. تستخدم المواقع الأخرى إطارات HTML أو إطارات iframe ، والتي تمنعك من الوصول مباشرة إلى مصدرها. يكتشف Firefox و Chrome و Safari و Opera مواقع الويب القائمة على الإطارات ويقدمون لك تلقائيًا خيارًا لعرض الكود المصدري للإطار. إذا كانت صفحة الويب تستخدم ملف JavaScript أو CSS مخزنًا على مجال آخر ، فيمكنك عرض رمز هذا الملف مباشرةً عن طريق نسخ عنوان URL الخاص به من كود HTML الذي يمكنك الوصول إليه ثم لصقه في شريط العنوان بعلامة تبويب متصفح جديدة.