עדכון קובץ CSS מקומי מתוך FireBug
קשה לדמיין את החיים ללא Firebug, התוסף לפיירפוקס שמאפשר לצפות ולשנות בזמן ריצה את קוד האתר (HTML ו-CSS) לראות את התוצאות באופן מיידי על המסך. כיום לכרום יש את הכלים שלו ל-Debuging של האתר ויש כאלו שמעדיפים אותם, לי עדיין ברוב מקרי ה-HTML עדיין נוח יותר עם פיירבאג.
אחת האפשרויות החסרות ביותר לבונה האתר היא לשמור את השינויים שבוצעו בפיירבאג אל קבצי ה-CSS, היות ובזמן הבדיקות לעיתים מבצעים שינויים במספר מקומות בקוד ועם ריבוי קבצי ה-CSS שניתן למצוא היום בתבניות, גם במספר קבצי CSS שונים.
CSS Updater נוצר על מנת לענות על צורך זה ולאפשר את עדכון קבצי ה-CSS שבמחשב המקומי באמצעות ומתוך עורך ה-FireBug (ניסיתי וזה עובד מצוין).
טאב ה-cssUpdater בתוך פיירבאג
כדי להפעיל את התוסף ואפליקצייה שתומכת בו יש להירשם, להוריד, להתקין ולעשות בפעם הראשונה מספר פעולות. לאחר מכן בפעמים הבאות זה יהיה הרבה יותר פשוט ושימושי:
1. ראשית כמובן יש להתקין FireBug על דפדפן הפיירפוקס (פיירבאג לפחות מגרסה 1.6 ומעלה, תראו שמעודכן אצלכם). כמו כן, התוסף מסתייע באפליקציית Air כך שתצטרכו להריץ על המחשב Adobe Air עם לא מותקן לכם עדיין על המחשב.
2. יש להתקין את תוסף הפיירפוקס CSS Updater.
3. יש להוריד את אפליקציית ה-Air מכאן (כפתור שחור מלבני מוזר) ולהריץ אותה.
4. כדי להפעיל את אפליקציית ה-Air יש להכניס קוד (כרגע אני מניח שזה יהיה שם המשתמש שלכם מקף תחתון ו-beta…). יש להירשם במסך הראשי של האתר. בסיום ההרשמה תהיו אוטומטית מחוברים. יש ללחוץ על שם המשתמש שמופיע בצד שמאל למעלה של האתר ובמסך שיפתח יופיע קוד ההפעלה.
5. כעת שאפליקציית ה-Air מופעלת ורצה, יש לגרור את קובץ ה-CSS עליו רוצים לעבוד. התוסף לפיירפוקס יוסיף טאב בתוך הפיירבאג של cssUpdater שם תוכלו לראות אם נוצר חיבור ואת היסטוריית הסנכרונים ולבצע סנכרון. כמו כן, בטאב ה-HTML יופיע כפתור Sync now לסנכרון מיידי.
אפליקציית ה-Air והטאב בתור פיירבאג
בסך הכל, למרות תהליך ההתקנה שהוא טיפה מעיק, נראה לי מאד שימושי, בעיקר למי שעובד עם הרבה טאבים וחלונות פתוחים ומעבר בין עורך הקוד לחלון המסך מעצבנים אותו. כפי שנראה זו רק ההתחלה והתוסף עוד יתפתח ויהיה יותר פשוט לשימוש.ИкониПодаръциикони на светциikoniИдея за подарък
firediff לא עונה לצרכים שלך?
תודה ,
זה ממש עזר!
אחלה אתר,
חג שמח!
שימושי!אבל היה הרבה יותר שימושי אם היו מוסיפים את הפיצ'ר הזה ישירות לFireBug.
כתוסף זה קצת מסרבל את העניינים, אבל עדיין שימושי, בעיקר לשינויי CSS קטנים.
נחמד מאוד אבל לפי מה שאני מבין זה יכול לעבוד רק על "שרת מקומי"
מישהו יכול להמליץ על תוסף שיודע לעבוד עם FTP ?
תודה
קובי
[...] צריכים, איתור אלמנטים בתוך דף, בדיקת נתוני css, אפילו עדכון קובץ CSS מקומי ועוד הרבה דברים יפים וטובים. בקיצור, חובה!Web Developer - אין [...]
אחלה תוסף, ברמה העקרונית יצא לי לעבוד רק עם Debuging של הכרום אבל באמת זה יותר נוח….
אני חושב שהגיע הזמן שADOBE או כל חברה אחרת יבנו עורך קוד מתקדם. דריים וואבר זה פשוט בדיחה לזמן הנתון הזה…
DreamWeaver? למה להשתמש בזה בכלל?
נסה את Blue Griffon – http://www.bluegriffon.org
תודה רבה לכם!!!!
http://www.baj.co.il
I am new here
תודה על העדכון חבריקו,,
תודה רבה !!
רוב תודות לך ידידי !
תודה רבה על המידע חבר!
תודה רבה על המידע! עזרת לי