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

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

תשומת לב לדפים ניידים

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

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

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

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

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

שלב 2: לאחר התקנת כלי פלטפורמת אנדרואיד, פתח

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

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

שלב 4: לאחר שעשית זאת, פתח את Chrome בטלפון האנדרואיד שלך, פתח הגדרות—>כלי מפתחים וסמן את האפשרות Enable USB Web Debugging.

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

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

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

סיכום

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

עודכן לאחרונה ב-03 בפברואר, 2022

המאמר לעיל עשוי להכיל קישורי שותפים שעוזרים לתמוך ב-Guiding Tech. עם זאת, זה לא משפיע על שלמות העריכה שלנו. התוכן נשאר חסר פניות ואותנטי.