כיצד לבדוק תאימות דפדפן באמצעות שורת פקודה

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

CanIUse עוקבת אחר אימוץ הדפדפן של HTML רגיל, CSS ו- SVG יחד עם ההמלצות שלהם, מצב המפרט מ- W3C וקישורים לבעיות ולבאגים שמופיעים בכל דפדפן (כאשר זמין). לדוגמה, אנו יכולים לראות למטה כי Edge, Firefox ו- Opera Mini אינם תומכים ב- CSS Reflection ובדפדפנים שבהם הוא נתמך, נדרשת קידומת הספק.

CanIUse הוא דה פאקטו כלי זה רשומות כמה רחוק תקן האינטרנט מפרטים תאימות בדפדפנים שולחן העבודה.

מלבד גירסת הדפדפן דרך caniuse.com, CanIUse זמין כעת גם בתור CLI (שורת הפקודה ממשק). אנחנו גם יכולים לשלוף את תוצאות CanIUse באמצעות מסוף או שורת הפקודה. אם אתה מוצא את עצמך מועדים בזמן על טרמינל לעתים קרובות, CLI היה יעיל לייעל את זרימת העבודה שלך.

הדרישות

כדי לפרוס את שורת הפקודה CanIUse, אתה צריך קודם NodeJS ו NPM מותקן.

אם פועל npm -v או node -v מחזירה את מספר הגרסה (כפי שמוצג להלן) אתה מוכן לפרוס את CLI. אחרת, אם הוא מחזיר את “פקודה לא נמצאה” , הורד את תוכנית ההתקנה של NodeJS כאן. תוכנית ההתקנה זמינה עבור Windows, OS X ו- Linux; בחר את מערכת ההפעלה שבה אתה משתמש.

CLI

התקנת CLIUSE CLI הוא רק קו משם. פתח את 'מסוף' או 'שורת פקודה' והפעל את הפקודה הבאה.

npm להתקין -g caniuse-cmd

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

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

בעיקרון, את התוצאות CLI להתאים את גירסת האינטרנט. גם אם החיפוש נעשה עם מילת מפתח לא שלמה, למשל, SoC או גרב , החיפוש יוביל עם אינטרנט Socket בחלק העליון, ואחריו רשומות רלוונטיות.

CanIUse היא השלמה מושלמת עבור כלי שורת פקודה אחרים המבוססים כמו Gulp, Grunt, והוא כלי שימושי כל כך שיכול להגביר את זרימת העבודה שלך בסופו של דבר. עכשיו אתה לא צריך לעזוב את הטרמינל שלך אי פעם כדי לבדוק תאימות דפדפן HTML, CSS ו- SVG.