כיצד להפעיל את היישום. עבור איתור באגים מרחוק
ה- Chrome DevTools App נוצר על ידי Kenneth Auchenberg בניסיון לקחת devtools מהדפדפן - במקרה זה מחוץ לדפדפן Chrome. יישום זה מבוסס על NW.js והוא יכול לפעול ב- Mac OS X, כמו גם על לינוקס ו- Windows.
ישנן סיבות רבות שהניעו את היוצר ליצור את זה אבל החזון שלו מורכב נותן למפתחים את הנוחות של ניפוי באגים מרחוק בדפדפנים מרובים, כולם מאותה פלטפורמה אחידה (אפליקציה). הרעיון ייקח קצת זמן כדי לתפוס ולהתממש בשל מגוון רחב של סיבות (והתנגדות, אשר אתה יכול לקרוא על הבלוג שלו).
נסקור בקצרה את אפליקציית ה- DevTools של Chrome ונראה מה יש ל- Google להציע למפתחים.
עוד על הונגקיאט:
- תחילת העבודה עם כלי הפיתוח של Chrome
- 5 (עוד) שימושי Chrome DevTools טיפים למפתחים
- כיצד להתאים אישית את הנושא של
התקנה
הורד את Chrome-Devtools.app.zip וחלץ אותו. לחץ פעמיים כדי להפעיל. הפעל את דפדפן Chrome והפעל ניפוי באגים מרחוק.
כדי לעשות זאת ב- Mac, פתח את המסוף והפעל את הפקודה הבאה:
sudo / Applications / Google \ Chrome.app/Contents/MacOS/Google \ Chrome -remote-debugging-port = 9222
אם אתה מפעיל חלונות, פתח את שורת הפקודה והשתמש בפקודה זו:
start chrome.exe -remote-debugging-port = 9222
איך להישתמש
כשה- Chrome שלך כבר פתוח, כאשר התכונה 'איתור באגים מרחוק' מופעלת, כעת תוכל לגלוש לכל אתר. לדוגמה פתחנו Hongkiat.com עבור התרגיל הזה. לאחר מכן, אנו פונים אל חלון האפליקציה של Chrome DevTools רענן רשימה זו (הלחצן נמצא בצד ימין למטה).
עכשיו תראה את הקישור Hongkiat.com המפורטים (כפי שמוצג להלן).
עכשיו לחץ על הלחצן 'עבור'. תועבר לחלון חדש. זהו זה. כבר יש לך את אפליקציית ה- Chrome של DevTools. מה שתראה כאן זהה לזו שבה אתה "בודק את האלמנט" בדפדפן Chrome.
ומכאן תוכל להשתמש ביישום Chrome DevTools בדיוק כמו שימוש ב- DevTools ב- Chrome באופן מקורי: תוכל לבדוק את אלמנט DOM, לתקן באגים ב- JavaScript, לעבוד עם מסוף ועוד.
מה הלאה?
יישום זה עדיין ניסיוני מאוד. אבל לעת עתה, הרעיון של נטילת ה- DevTool מתוך Chrome מאפשר למפתחים לטפל באפליקציה כעורך פונקציונלי, ולעבוד עם runtimes אחרים כמו node.js ו- iOS. לקבלת אפשרויות נוספות, אתה יכול לבדוק את הרכבת של Auchenberg של מחשבה כאן.