השינוי הגדול ביותר לשנת 2018 היה השיפוץ הגדול של FireFox, ואיתו הדרך שבה התוספות פועלות בדפדפן הזה. כתוצאה מכך, תוספות פופולריות רבות אינן מתוחזקות עוד או הפכו ללא זמינות.
רוב התוספים עבור Firefox זמינים גם כהרחבות עבור Google Chrome. במאמר זה, ננסה לתת עדיפות ל חוצה דפדפן תוספים / הרחבות, אשר בהקשר זה אומר שהם יעבדו על Firefox, Chrome ו-Chromium. כמו כן, נעדיף תוספים חינמיים שלא ידועים כמעבירים את המידע שלך לצדדים שלישיים ואינם נתמכים בהכנסות ממודעות. אנו נתמקד יותר בהרחבות שאינן מגבילות אותך לטכנולוגיית פיתוח מסוימת.
מעטים המפתחים שיראו יתרון בשימוש ב-Microsoft Edge כדפדפן פיתוח, אבל זה בסדר לבדיקות שלאחר הפיתוח. ניתן לצפות כי רק קצת יותר מ-4 מכל 100 מבקרים באתר ישתמשו בו, אם כי ניתן לצפות שמספר זה יגדל מעט ככל שיותר משתמשים נוטשים את Internet Explorer.
למרות שיש הרבה יותר משתמשי כרום מאשר משתמשי פיירפוקס, אלו שבקהל ה-IT נוטים להעדיף את פיירפוקס, וזו הסיבה שיש יותר וטובים יותר הרחבות המיועדות למפתחים בפיירפוקס.
כעת בוא נסתכל על תוספי הדפדפן הטובים ביותר למפתחים ומדוע אולי תרצה להוסיף אותם לדפדפן שלך.
1. בנוי עם
כשאתה מוצא את עצמך באתר עשוי היטב ואתה רוצה לדעת איך הם יצרו אותו, התוסף הזה יחסוך לך הרבה זמן ומאמץ בחפירה בקוד המקור. הורד קישורים: כרום / כרום, Firefox
2. גרזן
זהו כלי ביקורת נגישות. תמיד עדיף לנסות ולהפוך את הדפים שלך לנגישים ככל האפשר, ו-ax יעזור לך להימנע מהכללה בטעות של פלח משתמשים מהאתר שלך. הורד קישורים: כרום / כרום, Firefox
3. ColorZilla
ישן אבל עדיין טוב, תוסף זה מאפשר לך לדגום צבעים ישירות מדף, לאחזר קודי צבע, ליצור מעברי צבע ועוד. הורד קישורים: כרום / כרום, Firefox
4. מפתח אינטרנט
מוסיף כמה תוספות שימושיות לדפדפן שלך לשליטה ב-CSS, טפסים, תמונות ומידע. אחת התוספות הפופולריות ביותר שנעשו אי פעם. קישורים להורדה: כרום / כרום, Firefox
5. Woo Rank
נתח כל דף אינטרנט לנתוני SEO. מספק דוח רב עוצמה המראה לך את כל הפרטים הפנימיים של SEO, כולל ציון SEO כולל, הצעות לשיפור, ענן מילות מפתח ועוד הרבה יותר. הורד קישורים: כרום / כרום, Firefox
6. Tab2QR
צור קוד QR של הדף שבו אתה נמצא ותוכל לבקר בדף עם הטלפון שלך רק על ידי סריקת קוד ה-QR. טוב לבדיקה responsive אתרים, גם אם לא יצרתם אותם. הורד קישורים: כרום / כרום, Firefox
7. HTTP Request Maker
זה יכול להיות שימושי מאוד לבדיקת תגובות טופס PHP שבהן אתה לא באמת רוצה לשלוח את הטופס בפועל (מה שעשוי להפעיל עיבוד נוסף שאינך צריך לבדוק). עם הכלי הזה אתה יכול לזייף בקשות HTTP ללא מאמץ. שימו לב שלמרות שלרחבות Chrome ו-Firefox יש את אותו השם ועושות את אותם דברים, הם מיוצרים על ידי מפתחים שונים ואינם זהים לחלוטין. הורד קישורים: כרום / כרום, Firefox
8. מבחן ביצועי עמוד
קבל במהירות דוח על ביצועי הדף שלך בשלבים שונים של דרכו אל הדפדפן שלך. זה קצת כמו גרסה מתקדמת יותר של tracert. זה זמין רק בפיירפוקס לעת עתה. ישנם הרחבות דומות עבור Chrome ו-Chromium אך הם אינם עשירים בתכונות כמו זה. הורד קישורים: Firefox
9. כלי ספירת מילים
זה יכול למעשה לעשות יותר ממה שהשם מרמז, מכיוון שהוא גם יגיד לך כמה תווים וכמה משפטים נמצאים בתוך גוש טקסט נבחר (או כל העמוד). הורד קישורים: כרום / כרום, Firefox
10. רשימת רשימת מפתח למפתחי אתרים
ודא שאתה פועל לפי ההנחיות הטובות ביותר לפיתוח אתרים עם כלי זה שיופיע היכן שהסטנדרטים שלך ירדו. הורד קישורים: כרום / כרום, Firefox
11. עורך מפות תמונה
אחת משלישיית הרחבות מצוינות מהמפתח הגרמני Heinz-Jürgen Boms, זו עושה בדיוק מה שהשם אומר שהיא עושה. אתה יכול ליצור מפת תמונה ישירות בדפדפן רק על ידי התחקות על אזורי התמונה שברצונך למפות. הורד קישורים: Firefox
12. עורך מסגרות מתקדם
הרחבה נוספת של Heinz-Jürgen Boms, זהו באמת כלי עיצוב CSS שבו אתה יכול לבנות מסגרת ישירות בדפדפן על ידי ציון התכונות שלו. שווה לבדוק את תיעוד לפני שמתחילים להשתמש בו. הורד קישורים: Firefox
13. רצועת אתחול Responsive עוֹזֵר
זוהי הרחבה קטנה ופשוטה מאוד שעוזרת לך לראות במהירות אם נקודות השבירה שלך פועלות כהלכה ומהי רמת האתחול המצב הנוכחי. כמובן שתזדקק להרחבה הזו רק אם אתה באמת עובד ב-Bootstrap. גרסת כרום פותחה על ידי Jonathan Defraiteur, וגרסת Firefox פותחה על ידי קווין בון. הורד קישורים: כרום / כרום, Firefox
14. נסה את זה בעצמך עורך HTML5
אם אתה מעדיף לשמור על דברים פשוטים ופשוט לבצע את כל העבודה שלך ממקום אחד, התוסף הזה הוא בשבילך. עשיר בתכונות, עורך מודע להקשר זה עובד ישירות בדפדפן ותומך ב-HTML, CSS ו-JavaScript. זה רחוק מלהיות מושלם, אבל בשביל עריכה מהירה ומלוכלכת בלי לטרוח של פתיחת אפליקציה נפרדת, זה עושה את העבודה. הורד קישורים: Firefox
15. משקפי רנטגן
מבחינה טכנית זה לא הרחבה, זה למעשה סימניה. אבל זה עובד כל כך טוב, שלא יכולנו להשאיר את זה מחוץ לרשימה. למרות שהוא מיוצר על ידי Mozilla, הוא עובד באותה מידה ב-Chrome מכיוון ששני הדפדפנים תואמים לחלוטין לתקנים. כדי להשתמש בו, תצטרך להפוך את סרגל הסימניות שלך לגלוי. לאחר מכן בקר בדף ההורדה, שאליו תוכל להגיע באמצעות הקישורים למטה, וגרור את כפתור משקפי הרנטגן אל סרגל הסימניות. לאחר מכן פשוט בקר בכל אתר, הפעל את הסימניה של משקפי ה-X-Ray, בחר אלמנט בדף, ותוכל לערוך את הקוד עבורו. הורד קישורים: כרום / כרום, Firefox
תמונת כותרת באדיבות
תגובות תגובות 0