IE Developer Toolbar כלי מדהים עבור מפתחים
כבר כתבתי
בעבר על התיסכול שלי, ממערכות תוכן לא טובות (בלשון המעטה) שהופוכות אותי למתכנת html ו javaScript, (ללא כוונות פגיעה למתכנתי html)
בכל מקרה, אחד מהמשימות שלי היה, לשנות את המראה של מה שאנחנו מקבלים ממערכת התוכן,
לדוגמא:
שינוי צבע הרקע של העמוד.
או, בראש העמוד יש תמיד שני חלקים, אחד עבור תמונה, והשני עבור טקסט חופשי, והייתי אמור לאפשר להכניס תמונה שתתפרש על כל השטח. (גם על השטח של האיזור החופשי.)
אז איך פתרתי את הבעייה,
הפיתרון הוא פשוט. אחרי שהדף עולה, אני יכול להפעיל סקריפט שישנה את ההופעה של אלמנטים.
אחרי שהדף עולה, אני מפעיל את ה IE Developer Toolbar, על ידי
View->Explorer Bar->IE Developer Tool Bar
או על ידי לחיצה על החץ הקטן, ובחירה ב IE Developer Toolbar
ואז בתחתית המסך נקבל את ה Developer ToolBar.
יש לו הרבה שימושים,
אבל מה שאהבתי, זה שיש לו את היכולת לשנות ערכים של ה html ב RunTime.
לדוגמא עם אני רוצה לשנות את ה Title של הפוסט שכתוב שם "שלמה גולדברג" ולהעלים אותו.
כך זה נראה לפני:
ואז אני אשתמש ב ToolBar כדי למצוא את האלמנט שזה div, ולהוסיף לו Display=none.
וזה יעלים אותו ב RunTime
אני בחרתי את ה div שמכיל את השם,
ואני מוסיף לו איזה סגנון שאני רוצה.
אחרי שהבנתי מה אני צריך לשנות.
בדוגמא, (אצלנו להעלים עמודה אחת של הטבלה, ולתת colspan=2 לעמודה שמכילה את התמונה, כדי שאני אוכל להכניס תמונה שתתפרש גם על האיזור החופשי)
אני רק צריך לכתוב את הסקריפט.
אבל אני יכול להגיד בוודאות שלולא ה IE Developer Tool Bar, החיים שלי היו הרבה יותר קשים.