لنفترض أنك تزور موقعًا إلكترونيًا عملت عليه ولاحظت بعض الثغرات. تحتاج إلى عرض مصدر الصفحة على iPhone أو iPad للعثور على رمز عربات التي تجرها الدواب وإصلاحه. تفتح Safari وتذهب إلى الجنون للعثور على زر عرض كود مصدر HTML على Safari دون جدوى. ماذا تفعل الآن؟ الأمر سهل ، فقط اقرأ هذا المقال!
يعرف كل مطور موقع ويب ومبرمج ومصمم برامج ومطور تطبيقات App Store ومنشئ محتوى ومسؤول موقع مدى أهمية شفرة المصدر. في هذا الجزء من العمل ، تحتاج دائمًا إلى إلقاء نظرة على التعليمات البرمجية المصدر لصفحة الويب لتصحيح المشكلات وتصحيح الأخطاء والتصميم وإضافة قيمة إلى موقع الويب.
في حين أن هذه المهمة سهلة جدًا على أجهزة Android و Windows ، إلا أنها صعبة بنفس القدر على أجهزة Apple مثل iPhone و iPad و MacBook و iMac. على الرغم من أن الميزة متوفرة في نظام macOS ولكنها مخفية ويمكنك العثور عليها باتباع هذا "عرض كود مصدر HTML في Safari" شرط. ومع ذلك ، بالنسبة لأجهزة iOS ، الأمر مختلف.
جعلت Apple من الصعب للغاية عرض مصادر الصفحة على iPad / iPhone. لا توجد أي طرق أصلية ، أو ينبغي أن أقول ، طرق سهلة يمكنك النقر عليها أو لمسها للحصول على شفرة مصدر HTML لصفحات الويب. لكن لا تكن مجنونًا بعد. بدلاً من ذلك ، اقرأ هذه المقالة حتى النهاية للعثور على أفضل الطرق لمعرفة كيفية عرض مصدر الصفحة على Safari على iPhone أو iPad.
أسباب وجوب عرض مصدر الصفحة على iPhone / iPad
ابحث أدناه عن بعض المواقف والأسباب لعرض مصادر الصفحة على Safari على iPad / iPhone:
- يجب عليك عرض مصدر الصفحة لصفحة الويب لجهاز معين مثل iPhone أو iPad. إذا قمت بالوصول إلى موقع الويب على جهاز Mac وعرضت شفرة مصدر HTML ، فسترى العناصر الخاصة بإصدار سطح المكتب ، وليس إصدارات iPhone أو iPad.
- أنت تسافر وترغب في استثمار وقتك في البحث عن رموز صفحات الويب للحصول على أفكار جديدة أو إنشاء خطة تصحيح.
- تفضل القيام بتطوير موقع الويب على جهاز iPad الخاص بك لأنه يأتي مع العديد من ميزات المهام المتعددة مثل مدير المسرح، و Split View ، وما إلى ذلك.
وبالتالي ، اتبع الطرق أدناه للبقاء على استعداد إذا دعت الحاجة إلى عرض مصدر الصفحة على iPhone أو iPad في أي لحظة.
أفضل الطرق لعرض مصدر الصفحة على iPhone / iPad
فيما يلي الطرق الشائعة لعرض مصادر الصفحات في أكواد HTML على iPhone أو iPad دون الاستفادة من أي تطبيق تابع لجهة خارجية. هذه الطرق مناسبة للمبرمجين والمستخدمين المعنيين بالخصوصية والأمان:
1. احصل على كود مصدر HTML باستخدام تطبيق الاختصارات
لن تعمل هذه الطريقة إلا إذا كنت تستخدم نظام التشغيل iOS 12.0 (iPadOS 12.0) والإصدارات الأحدث. إليك كيفية إنشاء اختصار مصدر صفحة العرض على iPhone أو iPad:
- افتح ال الاختصارات التطبيق من الشاشة الرئيسية أو درج التطبيقات.
- اضغط على زائد (+) رمز لإنشاء اختصار جديد فارغ.
- في مربع البحث ، اكتب لغة البرمجة واختيار جعل HTML من نص منسق.
- مرة أخرى ، ابحث عن ملف نظرة سريعة التطبيق في مربع البحث وإضافته إلى محرر الاختصارات.
- الآن ، انقر فوق رمز الاختصار في الأعلى واختر إعادة تسمية.
- قم بإعادة تسميته إلى عرض كود المصدر وانقر فوق تم.
- اضغط على (أنا) زر والتبديل على إظهار في ورقة المشاركة خيار.
- الآن ، افتح متصفح Safari وقم بزيارة صفحة الويب التي تختارها.
- المس يشارك في تطبيق Safari وانتقل لأسفل للعثور على ملف عرض كود المصدر الاختصار.
- اضغط على الاختصار وستحصل على شفرة مصدر HTML في Quick Look.
2. عرض مصدر الصفحة باستخدام برنامج نصي للإشارة المرجعية
بهذه الطريقة ، ستنشئ إشارة مرجعية وسيكون عنوان URL نصًا برمجيًا لمصدر العرض. عندما تتصفح أي صفحة ويب وتحتاج إلى عرض مصدر الصفحة على Safari ، ما عليك سوى النقر فوق الإشارة المرجعية. ستحصل على شفرة مصدر HTML للصفحة. إليك كيف يتم ذلك:
- قم بزيارة موقع ويب عشوائي وقم بوضع إشارة مرجعية عليه على متصفح Safari لأجهزة iPad أو iPhone.
- اضغط على قائمة سفاري في الزاوية اليسرى العليا وانتقل إلى إشارات مرجعية.
- يلمس المفضلة للعثور على الإشارة المرجعية التي أضفتها للتو.
- اضغط لفترة طويلة على الإشارة المرجعية ثم حدد يحرر في قائمة السياق.
- امسح عنوان الإشارة المرجعية الحالي وأعد تسميته إلى كود مصدر HTML أو أي شيء آخر لمجرد تذكر الإشارة المرجعية.
- اضغط على عنوان الحقل وامسح عنوان URL الموجود.
- انسخ الكود التالي والصقه كعنوان URL (منشئ الشفرة: Rob Flaherty):
javascript: (الوظيفة () {var a = window.open ('about: blank'). document؛ a.write ('') ؛ 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))}) () ؛- مقبض منتهي على لوحة المفاتيح لحفظ التغييرات التي أجريتها حتى الآن.
- الآن ، انتقل إلى صفحة الويب التي تحتاج إلى فحص شفرة المصدر الخاصة بها.
- اذهب إلى إشارات مرجعية القائمة والمس كود مصدر HTML المرجعية التي قمت بإنشائها للتو.
- من المفترض أن ترى رمز HTML للصفحة التي تزورها في علامة تبويب Safari الجديدة.
اقرأ أيضًا:كيفية إدارة الإشارات المرجعية في Safari على iOS و Mac
3. عرض مصدر الصفحة باستخدام ربط macOS
يأتي تطبيق Safari على iPhone و iPad مزودًا بأداة Web Inspector. للأسف ، لا تعمل الميزة مباشرة على أجهزة iPhone أو iPad. تحتاج إلى ربط الأجهزة بجهاز MacBook أو iMac. بعد ذلك ، يمكنك استخدام عناصر التحكم في Mac Safari لتصور كود مصدر HTML. تعمل العملية على مرحلتين كما هو موضح أدناه:
قم بتنشيط Web Inspector
اتبع هذه الخطوات للتشغيل مفتش الويب الوظائف على Safari لأجهزة iPad و iPhone:
- على جهاز iPhone أو iPad ، افتح ملف إعدادات برنامج.
- اذهب إلى إعدادات Safari.
- قم بالتمرير لأسفل إلى أسفل نافذة إعدادات Safari للعثور على ملف متقدم قائمة طعام. اضغط عليها.
- قم بتنشيط مفتش الويب من خلال النقر على زر التبديل.
عرض مصدر الصفحة على Mac Safari
انتقل إلى جهاز Mac الخاص بك واتبع الخطوات التالية:
- قم بتوصيل جهاز iPhone أو iPad بجهاز MacBook أو iMac باستخدام كابل USB.
- إذا لم تتم مصادقة الجهاز مسبقًا ، سيطلب منك Mac مصادقته باستخدام Apple ID.
- افتح الآن تطبيق Safari على جهاز Mac وقم بزيارة أي موقع ويب.
- في شريط أدوات Mac ، انقر فوق يطور.
- ابحث عن جهاز iPad أو iPhone في قائمة السياق التي تفتح.
- انقر فوق iPad أو iPhone لفتح نافذة جديدة على جهاز Mac الخاص بك تعرض شاشة Safari لهذه الأجهزة.
- الآن ، افتح موقع الويب المستهدف على جهاز iPhone أو iPad الخاص بك واعرض الكود المصدري على متصفح Mac Safari.
إذا كنت موافقًا على تطبيقات وأدوات الجهات الخارجية ، فقد ترغب أيضًا في إلقاء نظرة على هذه الطرق الإضافية لعرض أكواد مصدر HTML لصفحات الويب:
4. ملحق Safari - Web Inspector
يمكنك تثبيت امتداد Web Inspector لمتصفح Apple Safari على iPad و iPhone. ثم ، قم باستدعاء الامتداد عند تصفح صفحة ويب لعرض كود مصدر HTML الخاص بها. فيما يلي الخطوات التي يجب أن تجربها:
- افتح ال إعدادات التطبيق وانتقل إلى إعدادات Safari قسم.
- قم بالتمرير لأسفل حتى تجد ملف ملحقات خيار. اضغط عليها.
- داخل الامتدادات ، انقر فوق المزيد من الامتدادات.
- ستظهر صفحة App Store الخاصة بملحقات Safari منبثقة.
- المس يبحث المربع والنوع مفتش الويب واضغط على "بحث" على لوحة المفاتيح.
- ابحث عن تطبيق Web Inspector وثبته.
- اذهب مرة أخرى إلى إعدادات > سفاري > ملحقات > واضغط مفتش الويب.
- استخدم زر التبديل لتنشيط هذا الامتداد لـ Safari.
- افتح Safari وقم بزيارة أي موقع ويب.
- اضغط على ملحقات على الجانب الأيمن من شريط العنوان.
- حدد ملف مفتش الويب امتداد.
- اختر ال اسمح ليوم واحد الخيار على النافذة المنبثقة التي تظهر.
- مرة أخرى ، اضغط على ملحقات ثم المس Web Inspector.
- يجب أن تظهر شفرة مصدر HTML من أسفل صفحة الويب التي تستعرضها.
- يمكنك التبديل بين علامات التبويب مثل DOM و Elements و Console و Network و Resources.
- للعودة إلى العرض العادي ، ما عليك سوى النقر فوق امتداد Web Inspector في قسم الامتدادات في Safari.
5. تطبيق iOS - عرض المصدر
يمكنك الحصول عليه مجانًا من متجر التطبيقات. في مربع البحث ، اكتب عرض المصدر والمس بحث. سترى نتائج متعددة في متجر التطبيقات. قم بتثبيت الشخص الذي يقول "عرض المصدر". موفر التطبيق هو Roman Tomjak.
افتح التطبيق من الشاشة الرئيسية أو من درج التطبيقات. ثم اكتب عنوان URL لموقع الويب في شريط العنوان الخاص به للكشف عن شفرة مصدر HTML.
توفر الأداة عرضًا بحجم iPhone لكود المصدر. ومع ذلك ، يمكنك تغيير الاتجاه أو التكبير باستخدام الأزرار ذات الصلة في الركن الأيمن السفلي من الشاشة.
6. عرض شفرة المصدر مجانًا باستخدام Google Web Cache
يمكنك تنفيذ الخدعة الرائعة والرائعة التالية على مواقع الويب التي تمت زيارتها لعرض شفرة المصدر الأساسية الخاصة بها على Safari أو Chrome:
- قم بزيارة صفحة الويب التي تريد العثور على شفرة مصدر HTML الخاصة بها.
- اضغط على العنوان الموجود على شريط عناوين Safari أو Chrome.
- خذ مؤشر الكتابة في بداية العنوان كما هو موضح في الصورة أعلاه.
- الآن ، اكتب الكود التالي من قبل https: //
مخبأ:
- ضرب يذهب زر على لوحة مفاتيح iOS.
- في الجزء العلوي من الصفحة ، يجب أن تشاهد ملف أنظر المصدر خيار. اضغط عليها.
- الآن تحصل على شفرة المصدر لصفحة الويب التي قمت بزيارتها للتو.
اقرأ أيضًا:كيفية استيراد الإشارات المرجعية وكلمات المرور والمزيد
7. عرض كود المصدر على تطبيقات الويب
هناك العديد من مواقع الويب التي تتيح لك الكشف عن رموز المصدر الأساسية لمواقع الويب وصفحات الويب مجانًا أو مقابل رسوم رمزية. من بين جميع تطبيقات الويب هذه ، اخترت CodeBeautify's Source Code Viewer. وإليك كيف يعمل:
- على iPhone أو iPad ، انتقل إلى هذا الرابط: عارض التعليمات البرمجية المصدر باستخدام متصفح Safari.
- في ال إدخال عنوان الموقع في المربع ، اكتب أو انسخ والصق عنوان URL لصفحة الويب التي تريد الكشف عن شفرة مصدر HTML الخاصة بها.
- اضغط على منظر زر لعرض مصدر الصفحة على متصفح iPhone / iPad Safari.
خاتمة
إذن ، أنت تعرف الآن جميع الحيل لعرض مصدر الصفحة على أجهزة iPhone و iPad. لقد اكتشفت بعض الأساليب الأصلية وغير الأصلية في هذه المقالة. يمكنك ببساطة التمسك بالحيل الأصلية على iPad أو iPhone لعرض كود مصدر HTML لصفحات الويب أو استخدام التطبيقات التي تجعل المهمة أسهل كثيرًا.
اسمحوا لي أن أعرف الطريقة التي أحببتها من خلال ترك تعليق أدناه. أيضًا ، شارك المقالة على وسائل التواصل الاجتماعي و WhatsApp لمساعدة أصدقائك الذين يتعلمون تطوير مواقع الويب وترميز التطبيقات.
القادم، كيف تتعلم Swift على Mac و iPad.