5 מהתוספות הקוונטיות הטובות ביותר ל-Firefox למפתחי אינטרנט

5 dintre cele mai bune programe Firefox Quantum pentru dezvoltatorii de web
⏱️ 1 min read

מספר גדל והולך של מפתחי אתרים עברו ל-Firefox בחודשים האחרונים עקב שחרורו של Firefox Quantum לאחר ששיפר את הביצועים כדי לעמוד בקנה אחד עם Google Chrome.

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

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

פארק הוד השרון
פארק הוד השרון

1. דוח תאימות

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

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

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

2. JSON Lite

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

firefox-dev-extensions-json-lite-1

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

firefox-dev-extensions-json-lite-2

אם אינך זקוק לכל התכונות ש-JSON Lite מציע, תוכל פשוט להפעיל את מציג ה-JSON המובנה בפיירפוקס על ידי הקלדת “about:config” בשורת הכתובת ולאחר מכן חיפוש אחר devtools.jsonview.enabled. הגדר אותו ל”true” על ידי לחיצה כפולה על האפשרות ולאחר מכן טעינת כל קובץ JSON בדפדפן שלך כדי לראות את התוצאה.

firefox-dev-extensions-json-lite-3

3. React DevTools

firefox-dev-extensions-react

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

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

אתה יכול גם להתקין Devtools Vue.js ו Redux DevTools אם אתה מפתח עם אחת מהספריות.

4. פונטנלו

firefox-dev-extensions-fontanello

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

5. וואפליזר

firefox-dev-extensions-wappalyzer

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

אֲרִיזָה

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

מאמר זה פורסם לראשונה באוקטובר 2010 ועודכן במרץ 2018.

Join our Newsletter and receive offers and updates! ✅

0 0 votes
Article Rating
Avatar of Routech

Routech

Routech is a website that provides technology news, reviews and tips. It covers a wide range of topics including smartphones, laptops, tablets, gaming, gadgets, software, internet and more. The website is updated daily with new articles and videos, and also has a forum where users can discuss technology-related topics.

You may also like...

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x