الكورس

Advertisements

كيفية عرض كود مصدر HTML لصفحة الويب؟


فى هذه المقالة سوف نتعلم كيفية عرض كود مصدر HTML لصفحة الويب؟ على المتصفحات المختلفة.


 

كيفية عرض كود مصدر HTML لصفحة الويب؟

 

يسمح كل مستعرض إنترنت رئيسي للمستخدمين بعرض كود مصدر HTML لأي صفحة ويب يقومون بزيارتها.

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

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

 


 

عرض كود مصدر HTML لصفحة الويب على Google Chrome؟

 

لعرض التعليمات البرمجية المصدر لصفحة ويب في Google Chrome ، استخدم أيًا من الطرق التالية:

 

1# الطريقة الأولى

لعرض كود المصدر فقط ، اضغط على Ctrl + U على لوحة مفاتيح الكمبيوتر.

 

2# الطريقة الثانية

انقر بزر الماوس الأيمن فوق جزء فارغ من صفحة الويب وحدد “View page source” من القائمة المنبثقة التي تظهر.

 

view page source

Advertisements

 

عرض كود مصدر HTML لصفحة الويب على Mozilla Firefox؟

 

لعرض التعليمات البرمجية المصدر لصفحة ويب في Mozilla Firefox ، استخدم أيًا من الطرق التالية:

 

1# الطريقة الأولى

لعرض كود المصدر فقط اضغط على Ctrl + U على لوحة مفاتيح الكمبيوتر.

 

2# الطريقة الثانية

انقر بزر الماوس الأيمن فوق جزء فارغ من صفحة الويب وحدد View page source من القائمة المنبثقة التي تظهر.

 

HTML view page

 

عرض كود مصدر HTML لصفحة الويب على Microsoft Edge؟

 

لعرض التعليمات البرمجية المصدر لصفحة ويب في Microsoft Edge ، استخدم أيًا من الطرق التالية.


1# الطريقة الأولى

لعرض كود المصدر فقط ، اضغط على Ctrl + U على لوحة مفاتيح الكمبيوتر.

 

2# الطريقة الثانية

انقر بزر الماوس الأيمن فوق جزء فارغ من صفحة الويب وحدد View page source من القائمة المنبثقة التي تظهر.

 

inspect

 

عرض كود مصدر HTML لصفحة الويب على Opera؟

 

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

 

1# الطريقة الأولى

لعرض كود المصدر فقط ، اضغط على Ctrl + U على لوحة مفاتيح الكمبيوتر.

 

2# الطريقة الثانية

انقر بزر الماوس الأيمن فوق جزء فارغ من صفحة الويب وحدد Page source من القائمة المنبثقة التي تظهر.

 

page source opera

 

عرض مصدر الصفحة مع العناصر

 

1. افتح Microsoft Edge\Google Chrome\Firefox\Opera وانتقل إلى صفحة الويب التي ترغب في عرض كود المصدر الخاص بها.

2. انقر فوق رمز الإعدادات في الزاوية العلوية اليمنى من الشاشة.

3. حرك الماوس فوق المزيد من الأدوات “more tools” في القائمة المنسدلة ، وحدد أدوات المطور “Web developer tools” من القائمة الموسعة.

4.انقر فوق علامة التبويب العناصر أعلى النافذة التي تظهر على الجانب الأيمن من الشاشة.

في Microsoft Edge\Google Chrome\Firefox\Opera، يؤدي الضغط على F12 أو Ctrl + Shift + I أيضًا إلى إحضار أداة المطور التفاعلية. توفر هذه الأداة قدرًا أكبر من التفاعل مع التعليمات البرمجية المصدر وإعدادات CSS ، مما يسمح للمستخدمين بمعرفة كيفية تأثير التغييرات في التعليمات البرمجية على صفحة الويب على الفور.


 

عرض كود مصدر HTML لصفحة الويب هاتف Android أو الجهاز اللوحي باستخدام Chrome؟

 

1. افتح متصفح Google Chrome على هاتفك أو جهازك اللوحي الذي يعمل بنظام Android.

2. افتح صفحة الويب التي ترغب في عرض كود المصدر الخاص بها.

3. انقر مرة واحدة في شريط العناوين وحرك المؤشر إلى مقدمة عنوان URL.

4. اكتب مصدر العرض: واضغط على Enter أو Go.



الإبلاغ عن خطأ

×

إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:

[email protected]

شكرًا لك على مساعدتك لنا!

Advertisements