פיתוח דפי אינטרנט למכשירים ניידים או ניפוי באגים באפליקציה ההיברידית שלך הוא לעתים קרובות קשה. אך למרבה המזל עבור אנשים שמתכננים ב- iOS, החל מה- iOS 6, אפל מציעה תכונת מפקח אינטרנט מרחוק ב- iOS.
Web Inspector מאפשר למפתחי אפליקציות אינטרנט וניידים להשתמש ב- MacOS וב- OS X Safari Developer Tools לצורך ניפוי מרחוק של תוכן אינטרנט או אפליקציות היברידיות ב- Safari הנייד ב- iPad או ב- iPhone.
זוהי דרך קלה ופרקטית לניפוי באגים, אופטימיזציה ושינוי דפי האינטרנט או האפליקציות ההיברידיות שלך ב- iOS.
כדי לגשת לכלי פיתוח אלה, הפעל את התפריט 'פתח' בהעדפות Advanced של Safari שלך ב- Mac.
פעל לפי הטיפים המהירים הבאים כדי לגרום למפקח האינטרנט לעבוד כדי שתוכל לבצע ניפוי באגים באתר שלך או באפליקציה שלך עבור Safari
- אפס את הגדרות המיקום והפרטיות שלך ב- iPhone, iPad או iPod touch. עבור אל הגדרות> כללי> אפס> אפס מיקום ופרטיות
- הקפד להיכנס לאותה מזהה Apple במחשב כמו ה- iPhone, iPad או ה- iPod touch שלך
- הפעל את סנכרון Safari iCloud הן עבור המחשב והן עבור כל iPhone, iPad או iPod touch
- במכשיר ה- iPhone או ה- iPad, עבור אל הגדרות> ספארי> מתקדם והפעל את מפקח האינטרנט
- במחשב, פתח את Safari ועבור לתפריט Safari> העדפות> מתקדם וסמן את התפריט Show Develop בתפריט
מחשב Mac נדרש
מצטערים, אנשים של Windows, אך מפקח האינטרנט של Safari תואם רק למחשבי מקינטוש!
השתמש באותו מזהה Apple ו- iCloud Sync!
ודא שגם ה- iDevice וגם ה- Mac שלך מחוברים עם אותו מזהה Apple וכי אתה מחליף את Safari ב- iCloud.
עבור ה- iDevice שלך: הגדרות> פרופיל מזהה Apple> iCloud> Safari > מופעל
עבור ה- Mac שלך: תפריט Apple> העדפות מערכת> Apple ID או iCloud> Safari> מסומן
ובדוק שגם ספארי היא אותה גרסה
ודא ש- Safari ב- Mac שלך היא אותה גרסה כמו Safari ב- iDevice שלך. יתכן שתצטרך לעדכן את גרסת ה- iOS שלך או את גרסת Safari שפועלת ב- Mac שלך.
אפס את הגדרות המיקום והפרטיות שלך
- עבור אל הגדרות> כללי
- בחר באיפוס
- בחר לאפס מיקום ופרטיות
טיפ מקשי קיצור למקלדת Pro ב- Mac עבור מכשירי אינטרנט
אם תלחץ על CTRL + Command + R ב- Safari, תוכל לראות כיצד אתר יראה במכשיר מסוים על ידי בחירת ההתקן.
החלף את קיצור המקשים כדי לצאת מתצוגת dev web.השתמש ב- Web Inspector לניפוי באגים ב- Safari לנייד
1. ב- iPad, iPhone או iPod touch שלך, הקש על הגדרות> Safari> מתקדם והפעל את מפקח האינטרנט. והפעל JavaScript אם הוא עדיין לא פועל
2. ב- Mac שלך, הפעל את Safari ועבור לתפריט Safari> העדפות> מתקדם ואז סמן את " הצג תפריט פיתוח בשורת התפריטים " אם עדיין לא עשית זאת.
3. חבר את מכשיר ה- iOS שלך ל- Mac באמצעות כבל ה- USB. זה קריטי - עליך לחבר את המכשירים באופן ידני באמצעות כבל. זה לא עובד דרך WiFi!
4. כעת ב- iPad שלך, פתח את האתר שברצונך לבצע ניפוי באגים, ואז ב- Mac שלך, פתח את Safari ועבור לתפריט " פתח ". כעת אתה רואה את ה- iDevice שלך שחיברת ל- Mac שלך. אם אין לך דף פתוח ב- iDevice שלך, תראה הודעה שאומרת "אין יישומים הניתנים לבדיקה."
5. עכשיו ניפוי באגים בדף הפתוח בספארי לנייד בדיוק כמו שאתה עושה ניפוי באגים ב- Mac, בדוק רכיבי DOM, שנה CSS, מדוד את ביצועי העמודים והפעל פקודות Javascript.
השתמש בכלי הבאגים כדי לעזור לך למצוא את הגורם לשגיאות JavaScript בדף האינטרנט שלך. באפשרותך להוסיף נקודות שבירה, לנקות באגים ב- javascript ולבדוק את ערך המשתנים בזמן הריצה.
Safari צריך גם לזהות שגיאות CSS, HTML ו- JavaScript. ותראה את הפרטים של כל שגיאה בבאגים.
iDevice לא מופיע בתפריט Develop בספארי?
- נקה את המטמון ואת קובצי ה- Cookie של Safari
- עדכן את Safari ב- Mac וב- iDevice אם עדכון זמין
- אם אתה מריץ גרסת בטא iOS או macOS, ייתכן שתצטרך להריץ את הגרסת הבטא האחרונה בכל המכשירים
- נסה עוד כבל ו / או יציאה ב- Mac שלך. ודא שהכבל הוא כבל ברק מקורי של Apple או מוסמך MFI (מיועד לאייפון)
- בדוק שמפקח האינטרנט מופעל. לפעמים עדכוני iOS מחליפים זאת להגדרת ברירת המחדל של OFF. אז רק הקפד לבדוק הגדרות> ספארי> מתקדם> מפקח אינטרנט
- נסה להשבית את מפקח האינטרנט, המתן 10 שניות והפעל אותו שוב
- נסה במקום זאת דפדפן תצוגה מקדימה של ספארי טכנולוגיה
- צא מ- Safari ב- Mac והפעל אותו מחדש. בדוק אם Safari ב- Mac שלך מזהה את המכשיר שלך ומאפשר איתור באגים
- בדוק שאינך משתמש במצב הגלישה הפרטית של Safari אם ה- iDevice שלך מופיע רק לזמן קצר בתפריט 'פיתוח' של Safari ואז נעלם
- פתח את Monitor Monitor ובדוק מה קורה עם Safari
טיפים לקוראים
- אם אתה משתמש ב- iDevice ישן יותר עם iOS 6 ואילך, לדפדפן Safari של המכשיר שלך יש קונסולת איתור באגים מובנית משלו! פשוט גש למסוף הבאגים של ספארי על ידי מעבר אל הגדרות > ספארי > מפתח > מסוף איתור באגים