מדריך להתקנת Firebug בדפדפנים מרכזיים ובמכשירי iOS

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

פיתוח של כלי דומה עבור דפדפנים אחרים עשוי לקחת עבודה קשה, אבל זה יהיה לעזר רב אם אתה יכול לקבל Firebug לעבוד על דפדפנים אחרים מדי, בהתחשב בכך שלכולם יש הדפדפנים המועדפים שלהם.

ובכן, הנה המקום שבו Firebug לייט מגיע כדי לפתור את הצרכים שלך. Firebug Lite הוא גרסה פשוטה יותר של Firebug אבל זה יכול לשמש ב- IE, Opera, Chrome, Safari, iPad ו- iPhone תוך שמירה על אפשרויות ותכונות דומות.

התקנת Firebug לייט על אופרה, ספארי & Chrome

עם Firebug לייט, אין צורך בהתקנה. נכתב ב Java Script, אתה יכול סימניה קישור Firebug Lite וזה יהיה מוכן לבדיקה עמוד. אז מה שאתה צריך לעשות הוא פשוט לסמן את הקישור להלן (אתה יכול גם לגרור את הקישור אל סרגל הסימניות של הדפדפן).

Firebug לייט

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

זהו זה, Firebug לייט שלך צריך לעבוד עכשיו כאשר אתה צריך להשתמש בו.

באמצעות Firebug לייט על אופרה, ספארי & Chrome

עכשיו אתה יכול להשתמש Firebug לייט לבדוק כמעט כל דף אינטרנט. בדוגמה זו, נשתמש Wikipedia.org.

כאשר דף האינטרנט נטען, לחץ על סימניה Firebug Lite שמרת קודם לכן ואתה תראה תיבת קונסול מופיעים בתחתית של דף האינטרנט.

אם נסגור, זה מה שתראה בצד שמאל למטה של ​​הדף.

עכשיו אתה יכול לראות את (+) ואת (-) בנקודת המוצא של שורות רבות. (+) פירושו שקווים נוספים נסגרו תחת אחד-אניה של html, ואם אתה מדגיש את הקו, תראה איזה חלק של הדף הוא מייצג.

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

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

התקנת Firebug לייט על iPad & iPhone

Bookmarklets לא באמת הולך טוב עם iPad ו- iPhone. כדי להתקין את Firebug Lite ב- iPad ו- iPhone, פעל לפי ההנחיות הבאות:

1. הפוך דף זה ל- iPad או ל- iPhone שלך.

   

2. שנה את שם הסימנייה ל "Firebug".

   

3. בחר והעתק את כל הסקריפטים שבהמשך.

   javascript: (פונקציה (F, i, r, e, b, u, g, L, I, T, E) אם (F.getElementById (b)) חזרה, E = F [i + 'NS'] & F. [E] E [F] i [E [E] E [E ['NS'] (E, 'script'): F [i] ('script'), E [r] ('id', b), E [r] 'src', [+] [+] E [r] (b, u); [F [e] ('head') [0] || F [e] ('body') [0]). (',' CreateElement ',' setAttribute ',' getElementsByTagName ',' FirebugLite ',' 4 ',' 'firebug-lite.js', 'Release / lite / latest / skin / xp / sprite.png', 'https: //getfirebug.com/','#startOpened');

4. עבור אל האפשרות סימניה ולחץ על "ערוך". לאחר מכן בחר "Firebug" סימניה.

   

5. הסר את כתובת האתר המקורית והדבק את הסימניה.

   

6. בחר “בוצע” על המקלדת שלך.

עכשיו, נסה לפתוח כל אתר ובחר "Firebug" סימנייה ואתה תראה Firebug תפקודית בתחתית המסך iPad שלך.

סיכום

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