נניח שאתה מבקר באתר שבו עבדת ורואה כמה תקלות. עליך להציג את מקור הדף באייפון או באייפד כדי למצוא את קוד הבאגי ולתקן אותו. אתה פותח את Safari ומשתגע למצוא את כפתור תצוגת קוד מקור HTML בספארי ללא הועיל. מה אתה עושה עכשיו? זה קל, פשוט קרא את המאמר הזה!
כל מפתח אתרים, מתכנת, מעצב תוכנה, מפתח אפליקציות App Store, יוצר תוכן ומנהל אתרים יודע עד כמה קוד המקור הוא קריטי. בשלב העבודה הזה, אתה תמיד צריך להסתכל על קוד מקור של דף אינטרנט כדי לתקן בעיות, לנפות באגים, לעצב ולהוסיף ערך לאתר.
בעוד שמשימה זו די קלה במכשירי אנדרואיד ו-Windows, היא קשה באותה מידה במכשירי אפל כמו iPhone, iPad, MacBook ו-iMac. עם זאת, ב-macOS, התכונה זמינה אך מוסתרת ותוכל למצוא אותה על ידי ביצוע "הצג את קוד המקור של HTML בספארי" מאמר. עם זאת, עבור מכשירי iOS, זה סיפור אחר.
אפל הקשתה לחלוטין על הצגת מקורות הדפים באייפד/אייפון. אין שום שיטות מקומיות, או שאני צריך לומר, קלות שאתה יכול להקיש או לגעת בהן כדי לקבל את קוד מקור ה-HTML של דפי אינטרנט. אבל אל תשתגע יותר מדי עדיין. במקום זאת, קרא את המאמר הזה עד הסוף כדי למצוא את הדרכים הטובות ביותר ללמוד כיצד להציג את מקור העמוד בספארי באייפון או באייפד.
סיבות שאתה חייב להציג את מקור הדף באייפון/אייפד
מצא להלן כמה מצבים וסיבות להציג מקורות דפים ב-Safari ב-iPad/iPhone:
- עליך להציג את מקור הדף של דף אינטרנט עבור מכשיר ספציפי כמו iPhone או iPad. אם אתה ניגש לאתר ב-Mac ותציג את קוד המקור של HTML, תראה את האלמנטים עבור גרסת שולחן העבודה, לא את גרסאות האייפון או האייפד.
- אתה מטייל ורוצה להשקיע את זמנך בהסתכלות על קודי דפי אינטרנט כדי לקבל רעיונות חדשים או ליצור תוכנית ניפוי באגים.
- אתה מעדיף לעשות פיתוח אתרים באייפד שלך מכיוון שהוא מגיע עם תכונות ריבוי משימות רבות כמו מנהל במה, תצוגה מפוצלת וכו'.
לפיכך, עקוב אחר השיטות שלהלן כדי להישאר מוכנים במקרה הצורך להציג את מקור הדף באייפון או באייפד בכל רגע.
השיטות הטובות ביותר לצפייה במקור הדף באייפון/אייפד
להלן הדרכים הפופולריות להציג מקורות דפים בקודי HTML באייפון או אייפד מבלי למנף אף אפליקציה של צד שלישי. שיטות אלו מתאימות למקודדים ולמשתמשי קצה הנוגעים לפרטיות ואבטחה:
1. קבל את קוד המקור של HTML באמצעות אפליקציית קיצורי דרך
שיטה זו תעבוד רק אם אתה מפעיל iOS 12.0 (iPadOS 12.0) ואילך. כך יוצרים קיצור דרך למקור תצוגה ב-iPhone או iPad:
- פתח את ה קיצורי דרך אפליקציה ממסך הבית או מגירת האפליקציות.
- הקש על פלוס (+) סמל כדי ליצור קיצור דרך ריק חדש.
- בתיבת החיפוש, הקלד HTML ולבחור צור HTML מטקסט עשיר.
- שוב, חפש את מבט מהיר האפליקציה בתיבת החיפוש והוסיפו אותה לעורך קיצורי הדרך.
- כעת, הקש על סמל קיצור הדרך בחלק העליון ובחר שנה שם.
- שנה את השם ל הצג את קוד המקור והקש על סיום.
- הקש על (אני) כפתור והפעל את הצג ב-Share Sheet אוֹפְּצִיָה.
- כעת, פתח את דפדפן Safari ובקר בדף אינטרנט לבחירתך.
- גע ב- לַחֲלוֹק כפתור באפליקציית Safari וגלול מטה כדי למצוא את הצג את קוד המקור קיצור.
- הקש על קיצור הדרך ותקבל את קוד מקור ה-HTML במבט מהיר.
2. הצג את מקור הדף באמצעות סקריפט סימניה
בשיטה זו, תיצור סימניה וכתובת האתר תהיה סקריפט מקור לתצוגה. כאשר אתה גולש בדף אינטרנט כלשהו וצריך להציג את מקור העמוד בספארי, פשוט הקש על הסימניה. תקבל קוד מקור HTML עבור הדף. הנה איך זה נעשה:
- בקר באתר אקראי והוסף אותו לסימניות בדפדפן הספארי שלך עבור iPad או iPhone.
- הקש על תפריט ספארי בפינה השמאלית העליונה ועבור אל סימניות.
- לגעת מועדפים כדי למצוא את הסימניה שזה עתה הוספת.
- הקש ארוכות על הסימניה ולאחר מכן בחר לַעֲרוֹך בתפריט ההקשר.
- נקה את כותרת הסימנייה הקיימת ושנה את שמה ל קוד מקור HTML או כל דבר אחר רק כדי לזכור את הסימניה.
- הקש על כתובת שדה ונקה את כתובת האתר הקיימת.
- העתק והדבק את הקוד הבא בתור כתובת האתר (יוצר הקוד: רוב פלהרטי):
javascript:(function(){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 חדשה.
קרא גם:כיצד לנהל סימניות בספארי ב-iOS וב-Mac
3. הצג את מקור הדף באמצעות שיתוף אינטרנט בין macOS
אפליקציית ספארי באייפון ובאייפד מגיעה עם כלי אינטרנט מובנה. למרבה הצער, התכונה אינה פועלת ישירות על מכשירי אייפון או אייפד. אתה צריך לקשור את המכשירים ל-MacBook או iMac. לאחר מכן, תוכל להשתמש בפקדים ב-Mac Safari כדי להמחיש את קוד מקור ה-HTML. התהליך פועל בשני שלבים כמפורט להלן:
הפעל את מפקח האינטרנט
בצע את השלבים הבאים כדי להפעיל מפקח אינטרנט פונקציונליות ב-Safari עבור iPad ו- iPhone:
- באייפון או באייפד, פתח את ה הגדרות אפליקציה.
- לך ל הגדרות ספארי.
- גלול מטה לתחתית חלון הגדרות Safari כדי למצוא את מִתקַדֵם תַפרִיט. הקש עליו.
- הפעל את מפקח אינטרנט על ידי הקשה על לחצן החלפת המצב.
הצג את מקור העמוד ב-Mac Safari
עבור אל ה-Mac ובצע את השלבים הבאים:
- חבר את ה-iPhone או ה-iPad עם MacBook או iMac באמצעות כבל ה-USB.
- אם המכשיר לא אושר קודם לכן, Mac יבקש ממך לאמת אותו באמצעות Apple ID.
- כעת פתח את אפליקציית Safari ב-Mac ובקר בכל אתר אינטרנט.
- בסרגל הכלים של Mac, לחץ על לְפַתֵחַ.
- חפש את האייפד או האייפון שלך בתפריט ההקשר שנפתח.
- לחץ על ה-iPad או ה-iPhone שלך כדי לפתוח חלון חדש ב-Mac המציג את מסך הספארי של מכשירים אלה.
- כעת, פתח את אתר היעד באייפון או באייפד שלך והצג את קוד המקור בדפדפן Mac Safari.
אם אתה בסדר עם אפליקציות וכלים של צד שלישי, אולי תרצה גם להסתכל על השיטות הנוספות הבאות כדי להציג קודי מקור HTML של דפי אינטרנט:
4. הרחבת ספארי - מפקח אינטרנט
אתה יכול להתקין את התוסף Web Inspector עבור דפדפן Apple Safari ב-iPad וב-iPhone. לאחר מכן, התקשר לתוסף בעת גלישה בדף אינטרנט כדי להציג את קוד מקור ה-HTML שלו. להלן השלבים שאתה צריך לנסות:
- פתח את ה הגדרות האפליקציה ועבור אל הגדרות ספארי סָעִיף.
- גלול מטה עד שתמצא את הרחבות אוֹפְּצִיָה. הקש עליו.
- בתוך הרחבות, הקש הרחבות נוספות.
- עמוד ה-App Store עבור הרחבות Safari יופיע.
- גע ב- לחפש תיבה וסוג מפקח אינטרנט והקש על חיפוש במקלדת.
- מצא והתקן את אפליקציית Web Inspector.
- שוב ללכת ל הגדרות > ספארי > הרחבות > והקש מפקח אינטרנט.
- השתמש בלחצן החלפת המצב כדי להפעיל תוסף זה עבור Safari.
- פתח את Safari ובקר בכל אתר אינטרנט.
- הקש על הרחבות סמל בפינה הימנית של שורת הכתובת.
- בחר את מפקח אינטרנט סיומת.
- בחר את אפשר ליום אחד אפשרות בחלון הקופץ שמופיע.
- שוב, הקש על הרחבות סמל ולאחר מכן גע במפקח האינטרנט.
- קוד מקור ה-HTML אמור לצוץ מתחתית דף האינטרנט שבו אתה צופה.
- אתה יכול לעבור בין הכרטיסיות כמו DOM, אלמנטים, מסוף, רשת ומשאבים.
- כדי לחזור לתצוגה הרגילה, פשוט הקש על התוסף Web Inspector בקטע הרחבות של Safari.
5. אפליקציית iOS - הצג מקור
אתה יכול להשיג אותו בחינם ב-App Store. בתיבת החיפוש, הקלד הצג מקור וגע בחיפוש. תראה תוצאות מרובות ב-App Store. התקן את זה שאומר הצג מקור. הספק של האפליקציה הוא Roman Tomjak.
פתח את האפליקציה ממסך הבית או מגירת האפליקציות. לאחר מכן, הקלד את כתובת האתר בשורת הכתובת שלו כדי לחשוף את קוד מקור ה-HTML.
הכלי נותן תצוגה בגודל iPhone של קוד המקור. עם זאת, ניתן לשנות כיוון או להתקרב באמצעות הכפתורים הרלוונטיים בפינה הימנית התחתונה של המסך.
6. הצג את קוד המקור בחינם באמצעות Google Web Cache
אתה יכול לבצע את הטריק המסודר והמגניב הבא באתרים שבהם ביקרת כדי להציג את קוד המקור הבסיסי שלהם ב-Safari או Chrome:
- בקר בדף האינטרנט שעבורו אתה צריך למצוא את קוד המקור של HTML.
- הקש על הכתובת בסרגל הכתובות של Safari או Chrome.
- קח את סמן ההקלדה בתחילת הכתובת כפי שמוצג בתמונה למעלה.
- כעת, הקלד את הקוד הבא לפני https://
מטמון:
- לחץ על ללכת לחצן במקלדת iOS.
- בראש העמוד, עליך לראות את ראה מקור אוֹפְּצִיָה. הקש עליו.
- כעת אתה מקבל את קוד המקור של דף האינטרנט שבו ביקרת זה עתה.
קרא גם:כיצד לייבא את הסימניות, הסיסמאות ועוד
7. הצג את קוד המקור באפליקציות אינטרנט
ישנם אתרים רבים המאפשרים לך לחשוף את קודי המקור הבסיסיים של אתרים ודפי אינטרנט בחינם או תמורת תשלום קטן. מכל אפליקציות האינטרנט האלה בחרתי את מציג קוד המקור של CodeBeautify. ככה זה עובד:
- באייפון או אייפד, עבור לקישור הזה: מציג קוד מקור באמצעות דפדפן ספארי.
- בתוך ה הזן כתובת אתר בתיבה, הקלד או העתק והדבק את כתובת האתר של דף האינטרנט שעבורו ברצונך לחשוף את קוד מקור ה-HTML.
- הקש על נוף לחצן כדי להציג את מקור העמוד בדפדפן iPhone/iPad Safari.
סיכום
אז עכשיו אתה יודע את כל הטריקים לצפייה במקור הדף במכשירי iPhone ו- iPad. גילית כמה שיטות מקומיות ושאינן מקוריות במאמר זה. אתה יכול פשוט להיצמד לטריקים המקוריים באייפד או באייפון כדי להציג את קוד מקור ה-HTML של דפי אינטרנט או להשתמש באפליקציות שהופכות את המשימה להרבה יותר קלה.
ספר לי איזו שיטה אהבת על ידי השארת תגובה למטה. כמו כן, שתפו את המאמר במדיה החברתית ובוואטסאפ כדי לעזור לחברים שלכם שלומדים פיתוח אתרים וקידוד אפליקציות.
הבא בתור, כיצד ללמוד Swift ב-Mac וב-iPad.