أداة مجانية عبر الإنترنت - لا تتطلب أي تثبيت

عرض مصدر الصفحة على الهاتف

Q: هل يمكن عرض مصدر الصفحة على آيفون؟

لا يوفّر سفاري على iOS خاصية 'عرض المصدر' المدمجة، كما أن روابط ‎view-source:‎ لا تعمل على آيفون. أسهل طريقة هي استخدام أداة ويب مثل هذه - افتح هذه الصفحة، والصق الرابط، ثم اضغط على اعرض المصدر. يمكنك أيضًا استخدام bookmarklet، أو توصيل الآيفون بجهاز Mac واستخدام Web Inspector في سفاري.

شاهد كود HTML خلف أي صفحة ويب مباشرةً على هاتفك - بدون تطبيق وبدون حاسوب. الصق الرابط أدناه لتحصل على مصدر منسَّق ومميَّز الألوان، أو اتبع خطوات آيفون وأندرويد المفصّلة أدناه.

source.html

⚡ سرعة الصفحة

🖥 معلومات الخادم

📄 معلومات الصفحة

نظرة عامة

عرض مصدر الصفحة على هاتفك

متصفحات الجوال تُخفي المصدر - وهذه الأداة (والخطوات أدناه) تعيده إليك.

على الحاسوب المكتبي، يفصلك عن كود HTML اختصار لوحة مفاتيح واحد. أما على الهاتف فالأمر مختلف: سفاري على آيفون لا يوفّر خاصية «عرض المصدر» ويحظر روابط view-source: تمامًا، بينما كروم على أندرويد يدعم view-source: لكنه يعرض كود HTML الخام محشورًا في سطر واحد طويل يصعب قراءته.

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

آيفون وآيباد

كيفية عرض مصدر الصفحة على آيفون (سفاري)

لا يتضمن iOS خاصية عرض مصدر أصلية، لذا فأداة الويب هي أبسط الطرق.

استخدم الأداة أعلاه (الأسهل)الصق عنوان الصفحة في الحقل أعلى هذه الصفحة واضغط على اعرض المصدر. تعمل الأداة في سفاري أو كروم أو أي متصفح على iOS، وتمنحك كود HTML نظيفًا ومميَّز الألوان يمكنك نسخه أو تنزيله.
أضف bookmarklet لعرض المصدرللمستخدمين المتقدمين: احفظ bookmarklet صغيرًا بلغة جافاسكريبت في مفضّلة سفاري، ثم شغّله على أي صفحة لفتح مصدرها. مفيد، لكن إعداده على iOS مُرهِق بعض الشيء.
استخدم جهاز Mac لفحص DOM الحيوصّل الآيفون بجهاز Mac، وفعّل Web Inspector من الإعدادات ← سفاري ← متقدم، ثم افتح قائمة «تطوير» في سفاري لفحص DOM الناتج عن جافاسكريبت.

ملاحظة: كتابة view-source: قبل الرابط لا تعمل في سفاري على iOS - إذ يكتفي المتصفح بالبحث عن النص. الأداة أعلاه هي الخيار الموثوق على آيفون.

أندرويد

كيفية عرض مصدر الصفحة على أندرويد (كروم)

لدى كروم على أندرويد طريقة مدمجة - إضافةً إلى بديل أسهل ومنسَّق.

استخدم ‎view-source:‎ في كروماضغط على شريط العناوين واكتب view-source: مباشرةً قبل الرابط، مثل view-source:https://example.com، ثم انتقل. سيعرض كروم كود HTML الخام للصفحة.
استخدم الأداة أعلاه لمخرجات مقروءةالعرض الخام في كروم غير منسَّق ويصعب تمريره على الهاتف. الصق الرابط نفسه في الأداة أعلاه لتحصل على مصدر مُزاح ومميَّز الألوان يمكنك نسخه أو تنزيله.
صحّح عن بُعد لفحص DOM الحيلفحص DOM بعد تعديل جافاسكريبت له، وصّل الهاتف بحاسوب وافتح chrome://inspect في كروم على سطح المكتب عبر USB.

لماذا هذه الأداة

لماذا تستخدمها بدلًا من العرض الأصلي على الجوال

ما الذي تكسبه مقارنةً بعرض ‎view-source:‎ الخام في كروم - وما الذي لا يستطيع آيفون فعله أصلًا.

✓ هذه الأداة

منسَّقة ومميَّزة الألوان - كود HTML مُزاح وملوَّن
تعمل على آيفون - حيث يكون view-source: محظورًا
نسخ وتنزيل - احفظ كود HTML على جهازك
بدون تطبيق وبدون حاسوب - متصفح فقط

ⓘ ‎view-source:‎ الأصلي

كروم على أندرويد فقط - غير متاح على آيفون
كود HTML خام، غالبًا في سطر واحد طويل ومضغوط
بلا تمييز ألوان، ويصعب تمريره على الهاتف
بلا نسخ أو تنزيل بضغطة واحدة

هل تريد العرض المنسَّق نفسه على حاسوب محمول، أو أداة تنسيق مخصّصة؟ جرّب عارض HTML، أو اقرأ كيفية عرض المصدر في كل متصفحات سطح المكتب والجوال.

الأسئلة الشائعة

الأسئلة المتكررة

أسئلة شائعة حول عرض كود HTML المصدري على الجوال.

هل يمكن عرض مصدر الصفحة على آيفون؟

لا يوفّر سفاري على iOS خاصية «عرض المصدر» المدمجة، كما أن روابط ‎view-source:‎ لا تعمل على آيفون. أسهل طريقة هي استخدام أداة ويب مثل هذه - افتح هذه الصفحة، والصق الرابط، ثم اضغط على اعرض المصدر. يمكنك أيضًا استخدام bookmarklet، أو توصيل الآيفون بجهاز Mac واستخدام Web Inspector في سفاري.

كيف أعرض المصدر في كروم على أندرويد؟

في كروم لأندرويد، اكتب ‎view-source:‎ قبل العنوان في شريط الروابط، مثل ‎view-source:https://example.com‎. سيعرض كروم كود HTML الخام. لكنه غير منسَّق، لذا للحصول على مخرجات مقروءة ومميَّزة الألوان استخدم الأداة في أعلى هذه الصفحة.

هل يعمل ‎view-source:‎ على الجوال؟

في كروم لأندرويد، نعم. أما في سفاري على آيفون فلا - فهو محظور. هذه الأداة تعمل على كليهما وعلى أي متصفح جوال آخر، لأن الصفحة تُجلب عبر خادمنا وليس عبر المتصفح.

هل أحتاج إلى تثبيت تطبيق؟

لا. هذه أداة ويب - افتحها في أي متصفح جوال والصق رابطًا. لا يوجد ما يُنزَّل أو يُثبَّت.

هل يمكنني رؤية كود HTML لصفحة بدون حاسوب؟

نعم. الصق الرابط على هاتفك لتحصل على كود HTML المصدري منسَّقًا في الحال، دون الحاجة إلى حاسوب مكتبي أو محمول.

لماذا يكون الكود أسهل في القراءة هنا مقارنةً بـ ‎view-source:‎؟

يعرض ‎view-source:‎ الأصلي كود HTML الخام، وغالبًا ما يكون مضغوطًا في سطر واحد طويل يصعب قراءته على شاشة صغيرة. أما هذه الأداة فتنسّق الكود وتميّزه بالألوان ليصبح مقروءًا على الهاتف.

هل يمكنني نسخ كود HTML أو حفظه على هاتفي؟

نعم. استخدم زر نسخ لوضع كود HTML في الحافظة، أو زر تنزيل لحفظه كملف ‎.html على جهازك.

هل تعرض كود HTML الذي تضيفه جافاسكريبت؟

لا. تعرض الأداة كود HTML الخام كما يُرجعه الخادم، قبل تشغيل جافاسكريبت في المتصفح - وهو نفس ما يراه محرك البحث في البداية. ولفحص DOM الحي بعد تعديل السكربتات تحتاج إلى أدوات المطوّر على سطح المكتب أو التصحيح عن بُعد.