דף הבית » עיצוב אתרים » 15 פקודות שורת פקודה גרפית (GCLI) פקודות ב- Firefox עבור מפתחי קצה

    15 פקודות שורת פקודה גרפית (GCLI) פקודות ב- Firefox עבור מפתחי קצה

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

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

    סרגל הכלים

    של פיירפוקס GCLI ידוע גם בשם סרגל הכלים למפתחים. יש שלוש דרכים לפתוח אותו:

    1. הקש על קיצור המקשים Shift + F2.
    2. לחץ על “פתח תפריט” (המבורגר) בצד הימני של שורת הכתובת (מימין ללחצן דף הבית) ולאחר מכן לחץ על הלחצן מפתח> סרגל הכלים למפתחים תפריט משנה.
    3. בשורת התפריטים העליונה, סמן את כלים> מפתח אינטרנט> סרגל הכלים למפתחים אפשרות.

    לאחר שסרגל הכלים של המפתח פתוח, תוכל לראות אותו בתחתית חלון הדפדפן. אם החלטת לעבוד עם GCLI, הייתי ממליץ להשאיר אותו פתוח כל הזמן תוך כדי עבודה.

    עכשיו בואו לראות כמה משימות שימושיות אתה יכול לבצע ב- Firefox באמצעות GCLI שלה.

    .1 הסר רכיבי דף

    פקודה: אלמנט להסיר pagemod

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

    הערך של צריך להיות בורר CSS חוקי בדף. תגיד, בדף אתה רוצה להסיר את כל הקישורים (במיוחד) של הכיתה .btn, הפקודה נכתבה כ: אלמנט a.btn להסיר.

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

    2. מדוד רכיבים

    פקודה: למדוד

    אם אתה רוצה מכיר את המדידה של כל מודול חזותי בדף אינטרנט, יש כלי בשביל זה. ה “למדוד” הכלי הוא נגיש באמצעות שניהם מפתח אינטרנט אופייני הכלים ואת GCLI.

    הקלד והזן את למדוד הפקודה לתוך שורת הפקודה, ואת הסמן יהיה להפוך לצלב. המדידות יהיו המוצג בפיקסלים ליד הסמן קרושהיר, והם של רוחב, גובה ואלכסון אורך של האזור שנבחר. כדי להשבית את הכלי, rerun למדוד פקודה.

    3. ערוך קבצים במהירות

    פקודה: ערוך

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

    4. חפש תכונות CSS לא מוכרות

    פקודה: mdn css

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

    יופיע חלון קופץ עם ה “הגדרה” עבור מאפיין CSS זה ממש מעל סרגל הכלים. ההגדרה היא לחלץ מהדף הרשמי של Mozilla Network Developer (MDN) של הנכס הנתון. מילון מונחים של MDN למאפייני CSS, רכיבי HTML וממשקי API של רשת האינטרנט מצוטטים ביותר.

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

    5. שנה את גודל הדף

    פקודה: שנה את גודל

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

    פיירפוקס יש גם קיצור מקשים כדי לפתוח את הכלי הזה: Ctrl + Shift + M (Cmd + Alt + M עבור Mac). אבל אם כבר יודע את המידות המדויקות כדי לשמש את גודל, הדרך המהירה ביותר היא להפעיל את גודל הפקודה עם הממדים שאתה צריך.

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

    6. הפעל מחדש את הדפדפן

    פקודה: איתחול

    פקודה זו מובנת מאליה. כדי להפעיל מחדש את Firefox, פשוט הקלד איתחול לתוך שורת הפקודה, ולחץ על Enter - יכול לבוא שימושי בעת התקנת הרחבות או תוספים הדורשים הפעלה מחדש.

    7. פתח את תיקיית הפרופיל של Firefox

    פקודהYou תיקייה

    כל משתמש פיירפוקס מקבל שלהם תיקיית הפרופיל המקומי כי מאחסן קבצים ספציפיים למשתמש, כגון סימניות ו / chrome תיקייה. בעת התאמה אישית של Firefox ייתכן שיהיה עליך להציג ולשנות את התוכן של תיקיה זו.

    הדרך החלופית לפתיחת תיקיה זו היא ללחוץ על לחצן הצג תיקייה אודות: תמיכה עמוד. על ידי הפעלת הפקודה תיקייה ב - Firefox שורת הפקודה, תראה את תיקיית הפרופיל שלך פתוח מיד.

    8. העתק ערכי צבע

    פקודה: מפיל עיניים

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

    9. בדיקת ספריות חיצוניות

    פקודה: להזריק

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

    בעת ביצוע הפקודה, המשאב יהיה מיובאים לדף על ידי הוספת > התג לתוך של מסמך ה- HTML.

    10. קח צילומי מסך

    פקודה: צילום מסך

    ה מובנית צילום מסך כלי ב- Firefox הוא די חזק. לדוגמה, ניתן למקד אלמנטים בודדים באמצעות בוררי CSS, להשתמש בטיימר, להחיל a dpr. אתה יכול אפילו לקחת צילום מסך של רק חלק כרום של הדפדפן (אזור המקיף את תוכן המשתמש) באמצעות צילום מסך --chrome פקודה.

    צילומי המסך נשמרים ב תיקיית הורדה של הדפדפן בפורמט PNG.

    11. סרגלים פתוחים

    פקודהYou שליטים

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

    12. פתח את המסוף & הבאגים

    פקודה: המסוף פתוח ו dbg פתוח

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

    13. לספור אלמנטים הדף

    פקודה: Qsa

    פקודה זו nifty מ GCLI לוקח מפקד מהיר של אלמנטים בדף אינטרנט זה להתאים כל בורר CSS נתון. לדוגמה, כדי לקבל ספירה של כל אלמנטים בדף, השתמש qsa a פקודה.

    14. הפעלה או השבתה של הרחבות

    פקודה: רשימת Addon

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

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

    על ההדגמה למטה אתה יכול לראות כיצד להשבית במהירות ב - Firefox.

    15. נהל הגדרות

    פקודה: תצוגת טרום

    יש טונות של הגדרות התאמה אישית - - משתמשים יכולים לגשת דרך Firefox אודות: config עמוד. ניתן לראות את אותן ההגדרות ולשנות אותן באמצעות ה- GCLI.

    השימוש ב- GCLI לגישה להגדרות ההתאמה האישית הוא אפשרות מהירה יותר אם אתה כבר יודע איזה תצורה אתה רוצה להציג או לשנות. ל הגדר ערך עבור הגדרה, להשתמש ב ערכת pref הפקודה, ו לאפס הגדרה, הקלד pref לאפס .

    על ההדגמה להלן אתה יכול לראות איך בדוק את ה- URI ה להזריק jQuery הפקודה מוזרקת לדף (ראה סעיף # 9 במאמר זה):