אנדרואיד

כיצד לבצע ניפוי דפי אינטרנט ב- Chrome עבור אנדרואיד במחשב

Web Development - Computer Science for Business Leaders 2016

Web Development - Computer Science for Business Leaders 2016

תוכן עניינים:

Anonim

כמנהל מערכת של בלוג, אני מבצע באגים באתר האישי שלי באמצעות Chrome כדי לראות כיצד ייראו השינויים בעיצוב וב- CSS לפני שיישם אותם לצמיתות בשרת. לא עבר זמן רב ומעולם לא שמתי לב לדפי הנייד, מכיוון שרק מעטים מבקרים ביקרו באתר שלי באמצעות סמארטפון. אך כיום, אחוז משמעותי מהמבקרים מורכב מסמארטפונים וטאבלטים, ומכאן שהפך הכרחי לדאוג גם למראה ולמצגת שם.

אם זה היה דף במחשב, דף זה יכול היה בקלות לבצע ניפוי באגים באמצעות האפשרות מתפריט ההקשר באמצעות לחיצה ימנית של Chrome, אך זו לא האופציה עם הדפים בנייד. אז היום אני אראה לכם כיצד תוכלו לבצע ניפוי דפי אינטרנט ניידים במחשבכם באמצעות Chrome עבור Android ו- Android SDK.

ניפוי באגים בדף האינטרנט

שלב 1: הורד והתקן התקן אנדרואיד SDK במחשב שלך והפעל אותו. המתקין יבקש ממך להוריד Java אם לא מותקנת אותו.

בפעם הראשונה בה אתה מפעיל Android SDK במחשב שלך, הוא יבקש ממך להוריד כמה ממשקי API וכלים. אם המטרה היחידה שלך להתקין אנדרואיד SDK היא לבצע איתור באגים בדפים, בטל את הסימון של הכל פרט לכלי פלטפורמת Android SDK ולחץ על כפתור התקנת חבילה.

שלב 2: לאחר התקנת כלי פלטפורמת אנדרואיד, פתח את תיבת ההפעלה (Windows + R) והפעל % userprofile% \ AppData \ Local \ Android \ android-sdk \ platform-tools כדי לפתוח את מדריך הכלים לפלטפורמת Android.

שלב 3: כעת החזק את מקש Ctrl + Shift ולחץ באמצעות לחצן העכבר הימני בתיקיה כדי לפתוח שם את שורת הפקודה. אתה יכול גם לפתוח את שורת הפקודה באמצעות תיבת הפעלה ולנווט לתיקיה ידנית.

שלב 4: לאחר שתעשה זאת, פתח את Chrome בטלפון אנדרואיד שלך, פתח את ההגדרות -> כלי מפתחים ובדוק את האפשרות הפעל ניפוי אתרים באינטרנט.

שלב 5: כעת בשורת הפקודה הפעל את הפקודה adb קדימה tcp: 9222 localabstract: chrome_devtools_remote ופתח את דפדפן Chrome במערכת ההפעלה בהצלחה.

שלב 6: פתח את הדף שברצונך לבצע באגים בדפדפן Chrome שלך ​​ב- Android ופתח את ה- URL localhost: 9222 בדפדפן Chrome של המחשב שלך.

זה הכל, תראה את כל הדפים הפתוחים בדפדפן אנדרואיד שלך כמוזכרים במחשב שלך. כדי לפתוח את דף הבאגים, פשוט לחץ על תמונה ממוזערת בהתאמה. תוכל לעקוב אחר שינויי הבאגים שאתה מבצע במחשב שלך ישירות באנדרואיד בזמן אמת.

סיכום

אני בטוח שטריק זה יעזור למפתחי אתרים רבים לבצע אופטימיזציה של דפי האינטרנט שלהם לסמארטפונים. השתמשתי בטריק כדי להגדיר את דפי האינטרנט שלי וזה הסתדר כמו קסם. עם זאת, אם ידוע לך על דרך טובה יותר לבצע איתור באגים בדפי אינטרנט של סמארטפונים במחשב, שתף אותנו איתנו.