Firefox 11 הוסיף שני כלים חדשים למפתחי אתרים ארסנל המרשים כבר של פיירפוקס . תכונת הטיה מדמיינת מבני אתרים בתלת ממד, בעוד שעורך הסגנונות יכול לערוך גליונות סגנונות של CSS בזמן אמת.
תכונת התלת מימד, המכונה Tilt, היא דרך להמחיש את ה- DOM של האתר. זה משתלב עם מפקח המסמכים הקיים ומשתמש ב- WebGL כדי להציג גרפיקה תלת ממדית עשירה בדפדפן שלך.
Tilt - ויזואליזציה של אתרים בתלת מימד
אתה יכול לגשת ל- Tilt מתוך מפקח הדפים של Firefox. כדי להתחיל, פתח את מפקח הדפים על ידי בחירה באפשרות "בדוק" מתפריט מפתח האינטרנט. ניתן גם ללחוץ לחיצה ימנית בעמוד הנוכחי ולבחור באפשרות "בדוק אלמנט" כדי להפעיל את הפקח באלמנט ספציפי.
לחץ על כפתור "3D" בסרגל הכלים של המפקח.
תראה את מבנה הדף לאחר הפעלת מצב תלת מימד, אך הוא ייראה שטוח עד שתסובב אותו.
סובב את הדגם באמצעות לחיצה שמאלית, הזז את התמונה על ידי לחיצה ימנית, והתקרב והחוצה באמצעות גלגל העכבר.
השקפה זו משולבת עם הכלים האחרים במפקח. אם חלונות ה- HTML או הסגנון פתוחים, תוכל ללחוץ על אלמנט בעמוד hte כדי להציג את קוד ה- HTML או מאפייני CSS של אותו אלמנט.
תכונות תלת מימד נוספות
תכונת ההדמיה התלת-ממדית התבססה על סיומת Tilt, אך אין לה את כל התכונות של הרחבת Tilt. אם ברצונך להתאים אישית את הצבעים או אפילו לייצא את ההדמיה כקובץ מודל תלת ממדי לשימוש בתוכנית עריכה תלת ממדית, יהיה עליך להתקין את תוספת 3D הטיה . ברגע שיש לך, תקבל אפשרות "הטיה" חדשה בתפריט מפתח אתרים.
לחץ על הלחצן ביטול כדי להשתמש בגרסה הישנה של הטיה כאשר תתבקש לעשות זאת.
תמצא פקדים להתאמה אישית של ההדמיה בצד שמאל של החלון ואפשרויות אחרות, כולל תכונת הייצוא, בחלק העליון של הדף.
עורך סגנון CSS
כדי להציג ולערוך את גיליונות הסגנון CSS של הדף, פתח את עורך הסגנונות מתפריט מפתח האינטרנט.
עורך הסגנון מפרט את גיליונות הסגנון בעמוד הנוכחי. הפעל או כבה גיליון סגנונות על ידי לחיצה על סמל העין שמשמאל לשם גיליון הסגנון. ערוך גיליון סגנונות על ידי בחירה בו ושינוי הקוד.
שינויים משתקפים בדף באופן מיידי. אם תבטל את גיליון הסגנונות, הדף יאבד את פרטי הסגנון שלו. אם אתה עורך גיליון סגנונות, העריכות יופיעו בדף בזמן שאתה מקליד.
באפשרותך לשמור עותק של אחד מגליונות הסגנון למחשב שלך, לייבא גליון סגנונות קיים מהמחשב שלך, או להוסיף גיליון סגנונות חדש וריק באמצעות הקישורים שמור, ייבוא או חדש בחלון עורך הסגנון.
תכונת ההדמיה התלת-ממדית עוקבת אחר שינויים בעמוד הנוכחי ומבחינה כאשר מתרחשים שינויים. כאשר אתה משתמש בעורך הסגנונות כשהפקח התלת-ממדי פתוח, השינויים שלך ישתקפו מיד בתצוגת התלת-ממד. זה עובד גם עם הרחבות של צד שלישי שמשנות דפי אינטרנט, כגון Firebug.