هل أنت مهتم بالويب وتريد إلقاء نظرة خاطفة على الكود المصدري لأي موقع على الإنترنت؟ إذا كان الأمر كذلك، فأنت لست وحدك. من أكثر أسئلة القراء شيوعًا التي نراها هي كيفية عرض أكواد مصدر HTML من أي صفحة ويب على ملف iPhone (أو iDevice – iPad أو iPod Touch آخر.) لحسن الحظ ، لدينا حل بفضل Developer Rob فلاهيرتي! توضح هذه المقالة الخطوات المطلوبة لعرض كود المصدر (HTML و CSS و JavaScript وما إلى ذلك) لأي صفحة ويب على iDevices بما في ذلك iPad أو iPhone أو iPod touch. وأفضل ما في الأمر أنه لا يوجد تطبيق مطلوب!
محتويات
- المنشورات ذات الصلة
-
كيفية عرض أكواد HTML المصدر على iDevices
- 8 خطوات سهلة لمعرفة أكواد مصدر HTML
- نتائج النهاية لعرض أكواد مصدر HTML
-
وبالطبع ، هناك تطبيق لذلك!
- المنشورات ذات الصلة:
- كيفية عرض كود مصدر HTML في Safari
كيفية عرض أكواد HTML المصدر على iDevices
8 خطوات سهلة لمعرفة أكواد مصدر HTML
- اضغط على Safari (iPhone أو iPod أو iPad) ، إذا لم يكن مفتوحًا بالفعل ، وقم بزيارة هذه الصفحة. تعمل هذه الطريقة أيضًا مع Chrome
- حدد ملف زر المشاركة (المعروف أيضًا باسم زر التشغيل):
- مقبض المرجعية:
- اختر ال حقل الاسم واضغط على أيقونة X لمسحها وتسميتها "إظهار مصدر الصفحة" ثم انقر على "حفظ".
- حاليا قم بزيارة هذه الصفحة وحدد الكل وانسخ كود جافا سكريبت: (رمز الائتمان: روب فلاهيرتي)
- تأكد من أن الرمز الذي تنسخه من موقع Rob يبدو هو نفسه (لكن انسخ من هذه الصفحة ليس من الأسفل):
- javascript: (function () {var a = window.open ('about: blank'). document؛ الكتابة('
مصدر "+ location.href +" ') ؛ 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))}) () ؛
- javascript: (function () {var a = window.open ('about: blank'). document؛ الكتابة('
- اضغط على إشارات مرجعية رمز واضغط يحرر:
- حدد الإشارة المرجعية "إظهار مصدر الصفحة" التي أنشأتها للتو في الخطوة رقم 4:
- اضغط على حقل العنوان واضغط على أيقونة X لمسحه ، ثم الصق كود جافا سكريبت الذي نسخته في الخطوة رقم 5 ؛ ثم اضغط على تم
هذا كل شيء! يمكنك الآن استخدام الانتقال إلى أي صفحة ويب باستخدام Safari للجوال (و Chrome) على iDevice (iPhone أو iPod أو iPad) ، انقر فوق إشارات مرجعية ثم انقر فوق الإشارة المرجعية إظهار مصدر الصفحة ، وستفتح نافذة جديدة تعرض كود المصدر لصفحة الويب. رائع وسهل!
نتائج النهاية لعرض أكواد مصدر HTML
![تظهر مصدر الصفحة](/f/9c33660511465cba0d6ad8f8c116d5bb.png)
![انظر كود HTML للموقع](/f/00e5f550855c4466b60f0ca0bb8110c0.png)
وبالطبع ، هناك تطبيق لذلك!
إذا لم تعجبك فكرة اتباع مجموعة من الخطوات اليدوية ، فإن App Store يقدم بعض التطبيقات التي تؤدي العمل نيابة عنك! ابحث عن تطبيقات الطرف الثالث مثل View Source و Source for Webpage و Source Browser والتطبيقات المشابهة التي تسمح لك بعرض كود مصدر HTML. باستخدام هذه التطبيقات ، يمكنك الوصول إلى جميع شفرة مصدر HTML لموقعك المفضل ، و CSS ، وفي بعض التطبيقات ، وأي جافا سكريبت. حتى أن بعض هذه التطبيقات تقدم امتداد Safari لأجهزة iOS وتتضمن ميزات مضمنة لإبراز بناء الجملة وميزات البحث!
باستخدام هذه التطبيقات ، يعد عرض التعليمات البرمجية المصدر عملية سلسة من خطوة واحدة. فقط أدخل عنوان URL وشاهد على الفور الكود المصدري خلفه. أو استخدم امتداد Safari للتطبيق وتصفح الويب كما تفعل عادةً. بعد ذلك ، عندما تريد عرض المصدر لصفحتك الحالية ، كل ما عليك فعله هو النقر على أيقونة الإجراء واختيار عرض المصدر. من السهل نسخ النص إلى لوحة اللصق لاستخدامه في تطبيقات أخرى أو حتى إرساله كبريد إلكتروني.
![سودز - تفاح](/f/112bbcabb83c0e6e3dceb43b5ceef1a9.jpg)
مهووس بالتكنولوجيا منذ الوصول المبكر لـ A / UX على Apple ، Sudz (SK) هو المسؤول عن التوجيه التحريري لـ AppleToolBox. يقيم في لوس أنجلوس ، كاليفورنيا.
Sudz متخصص في تغطية كل ما يتعلق بـ macOS ، بعد مراجعة العشرات من تطورات OS X و macOS على مر السنين.
في حياته السابقة ، عمل Sudz في مساعدة شركات Fortune 100 مع تطلعاتها في مجال التكنولوجيا وتحويل الأعمال.