ניפוי באגים באמצעות כלי הפיתוח ל-Chrome

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

מידע נוסף על כלי הפיתוח זמין במאמר סקירה כללית של כלי הפיתוח ל-Chrome.

הפעלת החיבור מכלי הפיתוח ל-Chrome

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

1. מוודאים שהגדרתם את האפשרות להריץ את האפליקציה במכשיר חומרה או במכשיר וירטואלי.
2. מפעילים את ניפוי הבאגים של WebView בקוד האפליקציה באמצעות הקריאה ל-setWebContentsDebuggingEnabled. בדרך כלל הפעולה הזו מתבצעת במחלקה Activity או Application שבה מתבצעת האתחול של WebView.

מומלץ להוסיף את setWebContentsDebuggingEnabled לבדיקה מותנית כדי שהניפוי באגים יופעל רק בגרסאות פיתוח ולא בגרסאות ייצור. ההגדרה הזו חלה על כל רכיבי ה-WebView באפליקציה.

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

if (applicationInfo.flags and ApplicationInfo.FLAG_DEBUGGABLE != 0) {
     WebView.setWebContentsDebuggingEnabled(true)
}

if (0 != (getApplicationInfo().flags & ApplicationInfo.FLAG_DEBUGGABLE)) {
     WebView.setWebContentsDebuggingEnabled(true);
}

איך מתחילים בניפוי באגים ב-WebView

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

1. פותחים את Chrome במחשב הפיתוח.
2. למעבר אל chrome://inspect.

3. בדף chrome://inspect, מוודאים שהתיבה Discover USB devices (איתור התקני USB) מסומנת. מחפשים את המכשיר בקטע מכשיר יעד מרוחק.

   

4. מתחת לשם המכשיר, Chrome מציג רשימה של כל רכיבי ה-WebView שמופעלים במצב ניפוי באגים במכשיר הזה. בדרך כלל הם מזוהים לפי WebView in ואחריו שם חבילת האפליקציה. מוצאים את רכיב ה-WebView שרוצים לנפות באגים, ולוחצים על הקישור inspect (בדיקה).

תראו מופע חדש של כלי הפיתוח שנפתח, שבו תוכלו לבדוק את WebView.

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