كيفية عرض شفرة المصدر صفحة الويب على اي فون وباد

على الرغم من أن تطبيقات iOS ليست آلات التطوير بعد ، إلا أنك ستجد عمومًا جهاز iPhone أو iPad في مجموعة أدوات مصمم / مطور ويب. على الرغم من أنك إذا كنت مطورًا / ناشرًا أو مجرد شخص يرغب في عرض التعليمات البرمجية المصدر لصفحة أو عرض جميع الأصول المنشورة عليها ، فعادة ما تفعل ذلك من الكمبيوتر.

لقد جعل نظام التشغيل iOS 8 الآن من الأسهل بكثير عرض موارد المصدر والأصول وموارد DOM الخاصة بالصفحة. وبفضل تطبيقات الطرف الثالث الرائعة مع دعم الإضافات ، يمكنك القيام بذلك بشكل صحيح في Safari (Chrome غير مدعوم لأن الإضافات يمكنها الوصول إلى DOM فقط في Safari).

دعونا نتحدث عن التطبيقين اللذين سيساعدانك في عرض وحفظ الكود المصدري لأي موقع ويب عندما تكون على الطريق.

عرض مصدر التمديد لسفاري

عرض المصدر (0.99 دولار) هو تطبيق بسيط وقوي مع امتداد Safari. يكلف 0.99 دولار ، ولكن يأتي مع الكثير من الميزات.

بمجرد تثبيت التطبيق ، انتقل إلى Safari ، وانقر فوق الزر " مشاركة" ، وانتقد إلى اليمين في الصف السفلي وانقر فوق " المزيد". من هنا تبديل عرض المصدر. هذا سيمكن التمديد.

المزيد عن امتدادات iOS 8: أصبحت امتدادات iOS 8 أداة قوية بسرعة. ألقِ نظرة على كيفية عملها ، وأفضل امتدادات المشاركة ، وكيف يمكن لإحدى الإضافات أن تساعدك في تحويل Safari إلى أداة تنزيل كاملة.

الآن ، انتقل إلى الصفحة ، وانقر فوق الزر " مشاركة" ، واختر " عرض المصدر". سترى شفرة المصدر للصفحة بكل مجدها. انقر فوق الزر " مشاركة" لإظهار ورقة المشاركة الأصلية. من هنا يمكنك إرسال الرمز إلى تطبيق الملاحظات أو إرساله عبر البريد الإلكتروني.

ستجد أدناه أربعة أزرار - الأصول و DOM والسكريبت والمعلومات.

قائمة الأصول جميع الصور على الصفحة. يمكنك النقر على رابط لرؤية معاينة وحفظ الصورة.

سيظهر لك زر DOM نموذج شجرة بهيكل هرمي لمستندات HTML و XML و SVG. يمكنك النقر فوق أي عنصر لتوسيعه.

يتيح لك زر Script كتابة Javascript وحقنه في أي صفحة (محليًا). تعرض لوحة المعلومات معلومات حول الصفحة.

Srcfari

Srcfari (0.99 دولار) هو بديل لعرض المصدر. على الرغم من أن التطبيق سوف يعرض لك الشفرة المصدرية والأصول مثل الصور وأوراق أنماط CSS والبرامج النصية التي تعمل على الصفحة ، إلا أنه سيتعين عليك القيام بذلك من التطبيق نفسه. ليس هناك تمديد سفاري ل Srcfari.

ومع ذلك ، فإن استخدام Srcfari ليس تجربة سيئة على الإطلاق. يحتوي التطبيق على طباعة لطيفة ويقوم بعمل أفضل بكثير في تحليل الأصول عن طريق البرامج النصية و CSS والصور من تطبيق View Source. أحد الأشياء التي أمتلكها مع Srcfari هي أنه مكّن التفاف النص لأوراق أنماط CSS ولكن ليس عند عرض المصدر بالكامل (وهو ما يفعله تطبيق View Source). هذا يعني أنه سيكون هناك قدر لا بأس به من التحريك والتكبير ، على الأقل على جهاز iPhone.

بخلاف ذلك Srcfari هي القضية المعتادة. يمكنك نسخ شفرة المصدر إلى الحافظة الخاصة بك أو إرسالها بالبريد الإلكتروني إلى شخص ما. يمكنك أيضًا حفظ الصور باستخدام التطبيق.

استنتاج

ربما يكون Safari هو متصفحك المفضل على iOS (غالبًا لأن iOS لا يسمح لك بتحديد Chrome كإعداد افتراضي). إذا كنت بحاجة إلى عرض الكود المصدري في كثير من الأحيان إلى حد ما ، فإن تطبيق عرض المصدر $ 0.99 مع امتداد سفاري الخاص به يستحق الثمن.

هل عادة تستخدم جهاز iPhone أو iPad لاستكشاف أخطاء مواقع الويب؟ أو لمعرفة ما هو الخطأ معهم؟ اسمحوا لنا أن نعرف في التعليقات أدناه.