עבור מפתח, זה יכול להיות קדחתני להשתמש בכלים ייעודיים רבים עבור כל משימה. עם זאת, תוספות לדפדפן אינטרנט יכולות להפוך אותך ליותר פרודוקטיבי על ידי מתן גישה לתכונות שונות מפלטפורמת גלישה אחת.
כל הדפדפנים המובילים מגיעים עם הרחבות למקצוענים. ואם אתה משתמש ב-Microsoft Edge, משימות הפיתוח שלך יכולות להיות קלות יותר עם כמה תוספות לדפדפן. כאן, נדון בתוספות Microsoft Edge הטובות ביותר שמפתחי אינטרנט צריכים להשתמש בהן.
React Developer Tools הוא תוסף DevTools לדפדפן האינטרנט. זה יוסיף שתי כרטיסיות חדשות בשם Components and Profiler ב-Edge DevTools שלך. תוסף הקוד הפתוח יצטרך את ההרשאה שלך כדי לגשת לעץ React של דף.
הכרטיסייה Components מציגה את רכיבי הבסיס React של הדף, יחד עם רכיבי המשנה. בחר כל רכיב מהעץ כדי לבדוק ולערוך את האביזרים הנוכחיים שלו, המצב וה-hooks בחלונית הימנית.
אתה יכול גם להשתמש בתוסף זה כדי לברר אם אפליקציה מכילה React.js או לא. באמצעות הכרטיסייה Profiler, מפתחים יכולים להקליט מידע על ביצועים.
אם אתה בעניין של ניתוח קוד GitHub, תוסף Octotree יכול לשפר את החוויה של סקירת קוד GitHub וחקירה. זה מראה לך עץ קוד דמוי IDE ומאפשר לך לבצע חיפושי קבצים ותיקיות.
תוסף זה בעל ביצועים גבוהים מסוגל לעבוד עם מאגרים בכל גודל. חוץ מזה, זה תומך במאגרים פרטיים ומאפשר לך לסמן בקשות משיכה, ריפו, קבצים ובעיות.
אתה יכול גם להירשם לגרסת PRO של תוסף זה כדי לקבל כמה תכונות נוספות. אלה כוללים תמיכה במספר חשבונות GitHub ו-GitHub Enterprise, מספר כרטיסיות, הגדרות גופני קוד, סקירת קוד בקשת משיכה, ערכות נושא של סמל קובץ ושינוי מיקום עגינה.
Accessibility Insights for Web הוא תוסף דפדפן של Microsoft Edge שיאפשר לך לאתר ולתקן בעיות נגישות ביישומי אינטרנט ואתרי אינטרנט שונים. אתה יכול להשתמש בו כדי לבדוק עמידה בכ-50 הוראות נגישות.
הודות להנחיות הברורות ולעזר חזותי, אתה יכול לזהות במהירות בעיות חיוניות בגישה למקלדת, כולל מלכודות מקלדת, עצירות טאב חסרות וסדר טאב שגוי.
זה גם עוזר לך לבצע תהליך בן שני שלבים כדי לאתר בעיות נגישות נפוצות אך בעלות השפעה רבה תוך מספר דקות. עם זאת, אתה צריך Microsoft Edge Insider v.75 ואילך כדי להשתמש בתוסף זה.
ניתוח קוד HTML של דף הוא משימה תכופה של מפתח. בעזרת התוסף Design Analysis, ניתן לנתח דף HTML על ידי הפעלה והשבתה של רכיבים שונים של אותו עמוד.
קָשׁוּר: אפקטי HTML מגניבים שכל אחד יכול להוסיף לאתרים שלו
זה מאפשר לך להשבית CSS פנימי וחיצוני (כולל הדפסה וכף יד), להסתיר תמונות ורקע תמונות, תכונות חלופיות של תמונה, כותרות מתאר, מסגרות, קישורים חיצוניים, טבלאות, אלמנטים צפים ו בקרוב.
חוץ מזה, התוסף הזה מגיע עם כלים שונים שעוזרים לך להציג אלמנטים נסתרים, לטעון מחדש תמונות ו-CSS חיצוני, הצג את קוד המקור, לינאריזציה של דפים וסמן את כל הקישורים שביקרו או לא ביקר.
התוסף הזה אינו מאחסן או משתף נתונים המאפשרים זיהוי אישי. כל המידע הנדרש לתפקודו נשאר במכשיר שלך.
באמצעות תוסף Save as MHTML, מפתחים יכולים לשמור את דף האינטרנט הנוכחי בפורמט MHTML (MIME HTML)/MHT. התוסף מגיע עם כפתור סרגל כלים לשימוש ללא מאמץ. זה שומר את כל הקישורים המקוונים בפורמט לא מקוון.
MHTML הוא פורמט קובץ ארכיון ששומר את תוכן דף האינטרנט לצפייה במצב לא מקוון. סוג הקובץ משלב את כל המשאבים כמו תמונות, יישומונים ואנימציות פלאש במסמכי HTML במהלך התהליך.
לתוספת יש שני כלים שונים שבהם אתה יכול להשתמש כדי לערוך את תוכן דף האינטרנט של הדף לפני שמירתו בקובץ MHTML.
אתה יכול לבחור את מצב העיצוב עבור משימות כמו שינוי פורמט הטקסט למודגש ונטוי, הוספת תמונה או הסרת תוכן כלשהו. לחלופין, תוכל לבחור קטע בדף ולבקש מהתוסף הזה ליצור ממנו מסמך חדש.
למפתחים יש מערכת יחסים הכרחית עם קובצי Cookie. Cookie-Editor הוא תוסף רב עוצמה המאפשר לך לבצע את פעולות העוגיות הסטנדרטיות במהלך שלב הפיתוח והבדיקה של דפי האינטרנט.
תוסף זה מגיע עם ממשק קל לשימוש המאפשר לך לנהל את העוגיות באופן ידני. בעזרתו, תוכל ליצור, לערוך ולמחוק במהירות עוגיות תוך כדי שהייה בכרטיסייה.
בלחיצה אחת, Cookie-Editor ימחק את כל העוגיות של הדף הנוכחי. זה יכול גם לייבא/לייצא עוגיות בפורמט טקסט.
Node.js V8 הוא תוסף שתוכל להשתמש בו עם Edge DevTools כדי לייעל את מחזור הפיתוח של Node.js. זה יכול לנהל את מחזור החיים של החלון/כרטיסייה של Edge DevTools, כך שתקבל יותר זמן להתמקד בניפוי באגים בקוד שלך.
קָשׁוּר: מה זה ניפוי באגים ברווז גומי?
תוסף Node.js V8 מאפשר לך לנטר הפעלות איתור באגים מקומיות ומרוחקות תוך שליטה בממשק DevTools, הן באופן ידני והן באופן אוטומטי. אתה יכול גם להשתמש בו כדי לנפות באגים בתהליכי צומת VSCode ולהתאים אישית את משך הזמן בין הבדיקות של ה-v8 Inspector.
בעזרתו, תוכל לפתוח ולסגור את Edge DevTools באופן אוטומטי בכרטיסייה או בחלון ולהפוך את DevTools לפעילים או לא פעילים בעת ההתחלה. תכונת הבדיקה שלו חוסכת ממך להעתיק ולהדביק את כתובת האתר של DevTools על ידי זיהוי אוטומטי של כתובת האתר שנוצרה בעת הפעלת הצומת.
BugReplay הוא בעיקר תוסף המשמש לשידור מסך ולניפוי באגים ברשת. זה עוזר לך להקליט את המסך שלך בסנכרון עם הודעות קונסולת JavaScript ותעבורת רשת. הודות לתוסף זה, כל מה שאתה צריך לעשות הוא לחזור על השלבים ללכידת באגים בזמן אמת.
אין צורך שמפתח יתקשר הלוך ושוב עם משתמשי הקצה או עם מנהלי התמיכה. הם יכולים לגלות בצורה חלקה מתי והיכן התרחש הבאג מהמידע המוקלט ולפתור את הבעיה תוך זמן קצר.
הקלטת הבאג הופכת קלה עם התוסף BugReplay. אתה יכול גם לסקור את הבאג לפני שתשתף אותו עם עמיתיך. התוסף מציע גם אפשרות להפוך אותו לציבורי.
בחר את תוספות ה-Edge המועדפות עליך לפיתוח
על ידי מעבר על הרשימה הזו של תוספות Microsoft Edge, תוכל לבחור את אלו שיעזרו לך בעבודת פיתוח אינטרנט ואפליקציות. זכור, ל- Microsoft Edge יש גם תוספות אחרות למשתמשים רגילים. אתה יכול לדפדף ולמצוא הרחבות מיינסטרים עבור משימות אחרות כמו ניהול סיסמאות.
לזכור את כל הסיסמאות השונות שלך יכול להיות מסובך, אז הנה תשע התוספות הטובות ביותר של Microsoft Edge לניהול סיסמאות ללא מאמץ.
קרא הבא
- תִכנוּת
- מיקרוסופט אדג
- הרחבות לדפדפן
- בניית אתרים
תמל היא כותבת עצמאית ב-MakeUseOf. לאחר שרכש ניסיון רב בטכנולוגיה, פיננסים ועסקים תהליכים בתפקידו הקודם בחברת ייעוץ IT, הוא אימץ את הכתיבה כמקצוע במשרה מלאה לפני 3 שנים. למרות שלא כותב על פרודוקטיביות ועל החדשות הטכנולוגיות האחרונות, הוא אוהב לשחק ב-Splinter Cell ולצפות בבולמוס בנטפליקס/פריים וידאו.
הירשם לניוזלטר שלנו
הצטרף לניוזלטר שלנו לקבלת טיפים טכניים, ביקורות, ספרים אלקטרוניים בחינם ומבצעים בלעדיים!
לחץ כאן כדי להירשם
