ستساعدك المقالة التالية: كيف ترى رمز المصدر لموقع الويب (طرق سهلة)

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

في هذا المنشور ، ستتعلم طرقًا سهلة حول كيفية رؤية رمز أي موقع ويب على أي نظام أساسي. هيا بنا نبدأ.

كيفية عرض كود مصدر HTML لموقع ويب على جهاز Mac

سفاري

لعرض مصدر موقع ويب على جهاز Mac باستخدام Safari ، انتقل إلى الصفحة التي تريدها واستخدم اختصار لوحة المفاتيح التالي: Option + Command + U.

بدلاً من ذلك ، يمكنك النقر بزر الماوس الأيمن في أي مكان على الصفحة وتحديد “إظهار مصدر الصفحة” من القائمة المنسدلة.

جوجل كروم

لعرض رمز المصدر لموقع ويب على جهاز Mac باستخدام Chrome ، انتقل إلى الصفحة التي تريدها واستخدم اختصار لوحة المفاتيح: Option + Command + U.

يمكنك أيضًا النقر بزر الماوس الأيمن فوق الصفحة وتحديد “عرض مصدر الصفحة” من القائمة المنسدلة.

ثعلب النار

عند استخدام Firefox على جهاز Mac ، فإن اختصار لوحة المفاتيح لعرض كود المصدر هو: COMMAND + U

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

كيفية عرض التعليمات البرمجية المصدر على جهاز الكمبيوتر

جوجل كروم

عند استخدام Google Chrome على جهاز كمبيوتر ، يمكنك عرض التعليمات البرمجية المصدر لموقع الويب باستخدام اختصار لوحة المفاتيح: CTRL + U.

ثعلب النار

عند استخدام Firefox على جهاز كمبيوتر ، يكون اختصار لوحة المفاتيح لعرض كود المصدر هو: CTRL + U

أوبرا

عند استخدام Opera على جهاز كمبيوتر ، يكون اختصار لوحة المفاتيح لعرض شفرة مصدر HTML للصفحة هو: CTRL + U

مايكروسوفت إيدج

اختصار لوحة المفاتيح لعرض التعليمات البرمجية المصدر لصفحة عند استخدام متصفح Microsoft Edge على جهاز كمبيوتر هو: F12 & CTRL + SHIFT + I

كيف يتم عرض كود HTML لعنصر صفحة معين؟

بدلاً من عرض رمز HTML لصفحة كاملة ، يمكنك عرض رمز عناصر صفحة معينة باستخدام خيار INSPECT ELEMENT المتاح في جميع المتصفحات الشائعة مثل Google Chrome و Firefox و Safari.

هذه العملية مباشرة. افتح الصفحة في نافذة متصفح جديدة ثم قم بتمييز قسم من الصفحة باستخدام الماوس.

انقر بزر الماوس الأيمن ثم حدد فحص من القائمة المنسدلة.

سيؤدي هذا إلى فتح أدوات المطور وإظهار رمز HTML المرتبط بعنصر معين أو قسم الصفحة.

فيما يلي عرض توضيحي سريع لكيفية القيام بذلك باستخدام Google Chrome.

كيفية تنزيل كود مصدر كامل لموقع الويب؟

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

خيارات التنزيل شائعة لجميع المتصفحات.

صفحة ويب كاملة: يقوم بتنزيل كود مصدر الصفحة وجميع الصور وملفات CSS و js script المرتبطة بالصفحة المحددة. يتم حفظ جميع الملفات في مجلد. يكون هذا مفيدًا عندما تحتاج إلى تنزيل الصور مع رمز HTML.

صفحة ويب ، ملف واحد: يقوم بتنزيل الصفحة بتنسيق MHTML (اختصار لـ MIME HTML). هذا شكل من أشكال HTML يتضمن كلاً من كود موقع الويب وأي موارد خارجية.

صفحة ويب ، HTML فقط: يقوم بتنزيل HTML وأي عناصر أخرى (مثل Java Script Code المضمنة) موجودة في نص الصفحة.

لماذا من المهم معرفة كيفية عرض الكود المصدري لموقع الويب؟

هناك العديد من حالات الاستخدام حيث قد ترغب في التحقق من الكود المصدري لموقع ويب ، وأكثرها شيوعًا هي:

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

ومعرفة ما إذا كان هناك أكثر من علامة H1 واحدة على الصفحة.

تحقق مما إذا كانت الروابط هي nofollow – إحدى طرق معرفة ما إذا كان الارتباط يحتوي على الامتداد بطاقة شعار تمت إضافته (مما يجعله أقل أهمية بالنسبة لتصنيفات تحسين محركات البحث) هو عرض كود HTML للصفحة والتحقق من ظهور كلمة “nofollow” داخل عنصر . يمكنك القيام بذلك للتحقق من الروابط الموجودة على موقع الويب الخاص بك أو أي موقع ويب آخر.

تحسين موقع الويب الخاص بك للسرعة – من الأسباب الجيدة لتحليل شفرة مصدر موقع الويب الخاص بك متى تحسين سرعة صفحتك. كنقطة بداية ، يمكنك عرض HTML للصفحة ومحاولة تحديد العناصر (بما في ذلك ملفات JS و CSS) التي يمكن إزالتها لجعل حجم الصفحة أصغر وأسرع في التنزيل. ثم بمساعدة أدوات أخرى (مثل رؤى PageSpeed ​​من Google) ، يمكنك الاستمرار في تحسين الكود الخاص بك.

المعارف الرئيسية

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

يمكنك اختياريًا تنزيل الرمز في ملف نصي. لعرض كود HTML لعنصر صفحة معين ، استخدم وظيفة الفحص التي تعد جزءًا من أدوات المطور.

دورة التسويق الرقمي النهائية (خصم 80٪)

ماجستير في تحسين محركات البحث ، إعلانات Google ، Facebook إعلانات ، تجارة إلكترونية ، YouTube التسويق والتسويق بالعمولة وغير ذلك الكثير في دورة التسويق الرقمي الشاملة هذه.