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

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

הנה אחת עשרה של מיטב הרחבות Chrome עבור מעצבי אתרים ומפתחים:

קשור : 7 של הרחבות Chrome הטובות ביותר שאתה צריך לנסות

1. WhatFont

WhatFont הוא כלי נהדר לאיתור סוגים שונים של גופנים בדף אינטרנט פשוט על ידי ריחוף העכבר על אותם.

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

2. StyleBot

StyleBot הוא הרחבה CSS עבור מפתחי אינטרנט. זה עוזר לך להתאים אישית את המראה של כל אתר על ידי בחירת האלמנט ושינוי זה סגנון של עורך.

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

3. מובנה טכנולוגיה Profiler

BuiltWith Profiler משמש כדי לבדוק אילו טכנולוגיות האתר בנוי.

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

זה יכול לעזור לך להחליט אילו מהם ליישם על פרויקטים באינטרנט שלך.

4. מפתח אינטרנט

מפתח האינטרנט הוא תוסף עבור Chrome שיועד לגרסה הפופולרית של Firefox.

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

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

5. ColorZilla

ColorZilla היא הרחבה נהדרת עבור מעצבי אתרים שרוצים לבדוק את הצבע המדויק של אתרי אינטרנט שהם אוהבים.

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

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

6. לכידת דף מסך (FireShot)

FireShot עושה עבודה פשוטה מאוד. זה מאפשר לך לקחת צילום מסך של חלקים שונים של דף אינטרנט או את כל דף האינטרנט עצמו ולייצא ל- PDF, JPEG, GIF, PNG או BMP.

7. עמוד שליט

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

אתה יכול גם לשנות את "אלמנט מצב" כדי לתאר את כל האלמנטים בדף כפי שאתה העכבר מעל אותם.

8. YSlow

YSlow מסייע לך להאיץ את אתרי האינטרנט שלך על ידי ניתוח הדף שלך מציע דרכים לשפר את הביצועים.

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

9. רשימת מפתחים אינטרנט

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

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

10. חיפוש מחסנית גלישה

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

אתה יכול לחפש כמעט כל דבר הקשור לפיתוח אינטרנט או תכנות בכלל ואתה קרוב לוודאי למצוא משאב טוב כדי לפתור את הבעיות שלך.

11. בדוק את הקישורים שלי

סמן את התוסף של 'הקישורים שלי ב- Chrome' כדי לזהות קישורים שבורים בדף האינטרנט שלך.

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

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

סיכום

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

באילו תוספי Chrome אחרים אתה משתמש? שתף אותם איתנו בקטע ההערות למטה.