كيفية عرض كود مصدر صفحة الويب على iPhone و iPad
منوعات / / December 02, 2021
على الرغم من أن تطبيقات iOS ليست تمامًا آلات التطوير حتى الآن ، ستجد بشكل عام جهاز iPhone أو iPad في مجموعة أدوات مصمم الويب / المطور. على الرغم من أنك إذا كنت مطورًا / ناشرًا أو مجرد شخص يريد عرض شفرة المصدر لصفحة أو عرض جميع الأصول المنشورة عليها ، فإنك تفعل ذلك عادةً من الكمبيوتر.
![دسك 0433](/f/cad76343272a761931799e47924b8c8b.jpg)
لقد جعل iOS 8 الآن من السهل جدًا عرض المصدر والأصول وموارد DOM للصفحة. وبفضل تطبيقات الجهات الخارجية الرائعة مع دعم الامتدادات ، يمكنك القيام بذلك بشكل صحيح في Safari (Chrome غير مدعوم لأن الإضافات يمكنها الوصول DOM فقط في Safari).
دعنا نتحدث عن التطبيقين اللذين سيساعدكان في عرض وحفظ كود المصدر لأي موقع ويب عندما تكون على الطريق.
عرض امتداد المصدر لسفاري
أنظر المصدر (0.99 دولار) هو تطبيق بسيط وقوي بامتداد Safari. يكلف 0.99 دولارًا ، ولكنه يأتي مع الكثير من الميزات.
بمجرد تثبيت التطبيق ، انتقل إلى Safari ، وانقر فوق يشارك زر ، اسحب إلى اليمين في الصف السفلي وانقر أكثر. من هنا تبديل أنظر المصدر. سيؤدي هذا إلى تمكين الامتداد.
المزيد عن ملحقات iOS 8: أصبحت ملحقات iOS 8 بسرعة أداة قوية. الق نظرة على كيف هؤلاء يعملون، ال أفضل ملحقات المشاركة، وكيف يمكن أن يساعدك ملحق واحد في تشغيل Safari إلى أداة تنزيل كاملة.
الآن ، انتقل إلى الصفحة ، انقر فوق يشارك زر واختيار أنظر المصدر. سترى شفرة المصدر للصفحة بكل مجدها. اضغط على يشارك زر لإحضار ورقة المشاركة الأصلية. من هنا يمكنك إرسال الرمز إلى تطبيق ملاحظات أو إرساله بالبريد الإلكتروني.
![صورة 2418](/f/e49aedc99552deb9eecf66ead536de44.png)
![صورة 2419](/f/3b2b6992425db2c5067e8eadd5d3c007.png)
سترى أدناه أربعة أزرار - الأصول و DOM والنصوص والمعلومات.
قائمة الأصول جميع الصور على الصفحة. يمكنك النقر فوق ارتباط لمشاهدة معاينة وحفظ الصورة.
ال DOM سيظهر لك الزر نموذج شجرة بهيكل هرمي لمستندات HTML و XML و SVG. يمكنك النقر فوق أي عنصر لتوسيعه.
![صورة 2421](/f/c7559589a97db587646c1c6caccb3bee.png)
![صورة 2422](/f/db4f5e31b6d7e4bdfd1c52cdba47aed2.png)
ال النصي يتيح لك الزر كتابة وحقن جافا سكريبت في أي صفحة (محليًا). ال معلومات تعرض لوحة معلومات حول الصفحة.
سركفاري
سركفاري (0.99 دولار) بديل لعرض المصدر. بينما سيعرض لك التطبيق شفرة المصدر والأصول مثل الصور وأوراق أنماط CSS والبرامج النصية التي تعمل على الصفحة ، سيتعين عليك القيام بذلك من التطبيق نفسه. لا يوجد امتداد Safari لـ Srcfari.
![صورة 2426](/f/493aff8a6dc703d96eedcdfa1d2362e6.png)
![صورة 2428](/f/85e46e1bf946f8ebd9aa79ccdf1dcc66.png)
ومع ذلك ، فإن استخدام Srcfari ليس تجربة سيئة على الإطلاق. يحتوي التطبيق على أسلوب طباعة رائع ويقوم بعمل أفضل بكثير في تحطيم الأصول حسب البرامج النصية و CSS والصور مقارنة بتطبيق View Source. من بين الأشياء التي أواجهها مع Srcfari أنه مكّن التفاف النص لأوراق أنماط CSS ولكن ليس عند عرض المصدر بالكامل (وهو ما يفعله تطبيق View Source). هذا يعني أنه سيكون هناك قدر لا بأس به من التحريك والتكبير / التصغير ، على الأقل على iPhone.
![صورة 2429](/f/0f8a9f380a884ee749ae420798229800.png)
![صورة 2430](/f/a6a7e9c50bdbd650aebcd8e88313392b.png)
غير أن سركفاري هو الأمر المعتاد. يمكنك نسخ كود المصدر إلى الحافظة الخاصة بك أو إرسالها بالبريد الإلكتروني إلى شخص ما. يمكنك أيضًا حفظ الصور باستخدام التطبيق.
استنتاج
من المحتمل أن يكون Safari هو المتصفح الذي تختاره بالفعل على iOS (في الغالب لأن iOS لا يسمح لك بتحديد Chrome كإعداد افتراضي). إذا كنت بحاجة إلى عرض الكود المصدري كثيرًا ، فإن تطبيق View Source بقيمة 0.99 دولارًا بامتداد Safari الخاص به يستحق السعر.
هل تستخدم جهاز iPhone أو iPad عادةً لاستكشاف أخطاء مواقع الويب وإصلاحها؟ أو لترى ما هو الخطأ معهم؟ اسمحوا لنا أن نعرف في التعليقات أدناه.