כיצד להשתמש בפיירפוקס האינטרנט כלים למפתחים כדי להציג מבנים באתר ב 3D

אתר 11 הוסיף שני כלי מפתח אינטרנט חדש ארסנל כבר פיירפוקס מרשים. התכונה 'הטיה' מדמיינת מבני אתר בתלת-ממד, ואילו עורך הסגנון יכול לערוך דפי סגנון CSS במהירות.

תכונה 3D, המכונה הטיה, היא דרך לדמיין DOM של האתר. הוא משתלב עם מפקח המסמכים הקיים ומשתמש ב- WebGL להצגת גרפיקה תלת-ממדית עשירה בדפדפן שלך.

הטיה - 3D ויזואליזציה של אתר

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

לחץ על כפתור "3D" בסרגל הכלים מפקח.

תראה את מבנה הדף לאחר הפעלת מצב תלת-ממד, אך הוא ייראה שטוח עד שתסובב אותו.

סובב את הדגם על-ידי לחיצה שמאלית, הזז את התמונה על-ידי לחיצה ימנית, והזום והחזרה באמצעות גלגל העכבר.

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

תכונות 3D נוספות

התכונה להדמיה תלת-ממדית התבססה על ההרחבה 'הטיה', אך אין בה את כל התכונות של תוסף הטיה. אם אתה רוצה להתאים אישית את הצבעים או אפילו לייצא את ההדמיה כקובץ מודל 3D לשימוש עם תוכנית עריכת 3D, תצטרך להתקין את ההטיה 3D התוספת. ברגע שיש לך, תקבל אפשרות חדשה "הטיה" בתפריט מפתח אינטרנט.

לחץ על הלחצן ביטול כדי להשתמש בגרסה הישנה של הטיה כשתתבקש.

תוכלו למצוא פקדים כדי להתאים אישית את ההדמיה בצד שמאל של החלון ואפשרויות אחרות, כולל תכונת הייצוא, בחלק העליון של הדף.

עורך CSS סגנון

כדי להציג ולערוך דפי סגנון CSS של דף, פתח את עורך הסגנון מתפריט מפתח האינטרנט.

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

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

באפשרותך לשמור עותק של אחד מגליונות הסגנונות במחשב, לייבא גיליון סגנונות קיים מהמחשב או להוסיף גיליון סגנונות ריק חדש עם הקישורים שמירה, ייבוא ​​או חדש בחלון 'עורך סגנון'.

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