העולם המופלא של לשונית הנטוורק

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

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

למי שלא מכיר – לשונית הנטוורק בכלי המפתחים היא כלי אדיר ושימושי ביותר לכל מפתח ווב. שם אני רואה את בקשות ה-AJAX למשל, או בקשות אחרות כמו טעינה של תמונות או קבצים אחרים. כתבתי מאמר מבוא המסביר על הלשונית הזו.

למנוע טעינה של משאבים

זה שימושי מאוד אם למשל אתם מפתחים תוסף צד שלישי במחשב שלכם ולא רוצים שהתוסף של הפרודקשן ייטען. או אם אתם רוצים לחסום בקשת XHR כדי לראות איך הסקריפט שלכם מטפל בתקלות או כל בעיה אחרת. לחיצה על Block request URL תחסום את הבקשה הזו בכל ריפרש מעכשיו ועד עולם.

לחיצה על כפתור ימני על הבקשה ובחירה ב-Block request URL תחסום את הבקשה לתמיד.
לחיצה על כפתור ימני על הבקשה ובחירה ב-Block request URL תחסום את הבקשה לתמיד.

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

לשונית הבקשות החסומות.
לשונית הבקשות החסומות.

לקבוע מהירות אינטרנט

אם יש לכם לקוחות במדינת עולם שלישי (כמו למשל לקוחות פרטנר בישראל שעובדים עם 3G כל הזמן כמו בימי הביניים) ואתם רוצים לראות איך האתר עובד בשבילם – אפשר לקבוע את מהירות האינטרנט באמצעות Throttling. לחיצה על No Throttling תראה לכם תפריט שבו אפשר לקבוע את מהירות החיבור. ריפרוש יגרום לכם להרגיש כמו לקוחות אורנג’ מייד.

No Throttling
No Throttling

Disable cache

אין דבר שאנחנו אוהבים יותר מ-cache בפיתוח. אם אנו רוצים להמנע מזה – יש לנו אפשרות ללחוץ על disable cache וייגמרו ימי ctrl + F5 או command + F5.

Disable cache + Offline
Disable cache + Offline

ממש ליד יש לחצן שמאפשר לכם לדמות offline – שזה סופר שימושי לאפליקציות שאמורות לעבוד גם באופליין.

יריה מחדש של בקשת XHR

אם יש לכם בקשות AJAX שאתם רוצים לירות מחדש – כפתור ימני ובחירה ב’replay’ – הבקשה נשלחת בדיוק כפי שהיא. מאוד שימושי לדיבאגינג.

לחיצה ימנית על בקשת Replay XHR

אני מתאר לעצמי שעבור חלקכם הפוסט הזה לא מפתיע או מחדש – אבל אם הצלחתי להציל נפש אחת וכו’ – אז הרווחתי. לא כולם מכירים את הפיצ’רים האלו – וזה נחמד להכיר או לפחות לדעת שהם קיימים.

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

אהבתם? לא אהבתם? דרגו!



אל תשארו מאחור! יש עוד מה ללמוד!

2 comments on “העולם המופלא של לשונית הנטוורק
  1. עומר הגיב:

    Copy as fetch
    מאפשר את להעתיק את הקריאה כפונקציית javascript שניתן להריץ בלולאה ולשנות את הפרמטרים שלה

  2. אורן הגיב:

    זה גם נחמד מאוד.
    באופן כללי כל ה dev tools זה כיף גדול.
    https://developers.google.com/web/tools/chrome-devtools/device-mode/geolocation

כתיבת תגובה

האימייל לא יוצג באתר.

רישום