يحتاج مطوروا صفحات الويب دائما لعرض الشفرة المصدرية لصفحات الويب لمعرفة إذا ما كان بها خلل أو حتى لمجرد عرضها و الأطلاع عليها، الأمر يبدو كما لو أن طباخ أراد تذوق الطعام و تحديد بعض التفاصيل مثل طعم الطعم و تخمين المكونات.
{getToc} $title={Table of Contents}
حسناً الأمر بسيط على أجهزة الحاسوب كل ماعليك فعله و أنت تتصفح أي صفحة ويب هو النقر بزر الماوس الأيمن على أي مكان بالصفحة و من ثم البحث عن خيار اعرض مصدر هذه الصفحة و بعدها يمكنك قراءة الشفرة المصدرية للصفحة و في حال كان لديك معرفة بسيطة ببرمجة html و تصميم الصفحات باستخدام css و javascript ستسطيع التعديل عليها ايضاً لكن الأمر مختلف على أجهزة iphone/ipad هذا الخيار غير موجود و تحتاج لعدة خطوات لتفعيله.
كيفية عرض Source Code لصفحات الويب من متصفح سفاري على iOS بدون ملحقات خارجية:
.gif) |
1- افتح اي صفحة على سفاري ثم قم بالضغط على زر المشاركة و حدد إضافة إشارة مرجعية.
2- قم بمسح عنوان الصفحة بالضغط على x و سمها ماتشاء مثلاً veiw source code .
3- الأن قم بفتح هذه الصفحة و حدد كامل الشفرة الموجودة ثم انسخها.
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 و العديد من الملحقات الأخرى، كل ماعليك هو البحث بالمتجر عن أحدى هذه الملحقات و تثبيتها على جهازك الأيفون أو الأيباد، هذه الملحقات تلون لك الكود البرمجي مما يجعلك تكتشف الخلل بسرعة و أفضل بالنسبة للقارئ.