عرض Source Code لصفحات الويب من سفاري iOS

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

{getToc} $title={Table of Contents}

حسناً الأمر بسيط على أجهزة الحاسوب كل ماعليك فعله و أنت تتصفح أي صفحة ويب هو النقر بزر الماوس الأيمن على أي مكان بالصفحة و من ثم البحث عن خيار اعرض مصدر هذه الصفحة و بعدها يمكنك قراءة الشفرة المصدرية للصفحة و في حال كان لديك معرفة بسيطة ببرمجة html و تصميم الصفحات باستخدام css و javascript ستسطيع التعديل عليها ايضاً لكن الأمر مختلف على أجهزة iphone/ipad هذا الخيار غير موجود و تحتاج لعدة خطوات لتفعيله.

 

كيفية عرض Source Code لصفحات الويب من متصفح سفاري على iOS بدون ملحقات خارجية:


1- افتح اي صفحة على سفاري ثم قم بالضغط على زر المشاركة و حدد إضافة إشارة  مرجعية. 
2- قم بمسح عنوان الصفحة بالضغط على x و سمها ماتشاء مثلاً veiw source code .
3- الأن قم بفتح هذه الصفحة و حدد كامل الشفرة الموجودة ثم انسخها.
javascript:(function(){var a=window.open('about:blank').document;a.write('<!DOCTYPE html><html><head><title>Source of '+location.href+'</title><meta name="viewport" content="width=device-width" /></head><body></body></html>');a.close();var b=a.body.appendChild(a.createElement('pre'));b.style.overflow='auto';b.style.whiteSpace='pre-wrap';b.appendChild(a.createTextNode(document.documentElement.innerHTML))})();
{codeBox}

4- قم بالضغط على زر الصفحات المرجعية ثم تحرير قم بالبحث عن الصفحة التي حفظتها ثم امسح رابط الصفحة و استبدله بالشفرة

 
تحرير اشارة مرجعية
 
5- الأن كل ما عليك فعله عندما تريد قراءة Source Code لصفحة الضغط على زر الصفحات المرجعية ثم زيارة الصفحة التي وضعنا بها الشفرة و ستعرض لك شفرة الصفحة.
 
عرض شفرة مصدرية من ايفون 
 
على الرغم من سهولة هذه الطريقة و أنها لا تحتاج أي أدوات و ملحقات خارجية إلا أنها فقط تعرض لك الشفرة بلون واحد و كأنك تقرأ ملف نصي بدون أي ألوان برمجية ولا حتى تستطيع التعديل المباشر و رؤية التعديلات.{alertInfo}

كيفية عرض Source Code لصفحات الويب من متصفح سفاري على iOS باستخدام ملحقات خارجية:

بالأعتماد على ملحقات سفاري ستجد العديد من الملحقات التي تقوم بهذه المهمة و بشكل أفضل مثل ملحق Web Inspector و كذلك DevTools Extension و العديد من الملحقات الأخرى، كل ماعليك هو البحث بالمتجر عن أحدى هذه الملحقات و تثبيتها على جهازك الأيفون أو الأيباد، هذه الملحقات تلون لك الكود البرمجي مما يجعلك تكتشف الخلل بسرعة و أفضل بالنسبة للقارئ.
 
أحدث أقدم

نموذج الاتصال