תיעוד פרטים מיומן המעקב של הדפדפן

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

למידע נוסף על פרטים מועילים שאפשר לכלול בדוח, קראו את המאמר דיווח על בעיה במסוף Google Cloud.

איך מתעדים קובץ HAR

HAR‏ (HTTP Archive) הוא פורמט קובץ שמשמש להקלטת נתוני סשנים ב-HTTP, וכך מסייע לפתרון בעיות ב-HTTP.

כדי לתעד קובץ HAR ולשמור אותו באמצעות הדפדפן:

Chrome

משתמשים בחלונית "רשת" בכלי הפיתוח ל-Chrome:

  1. במסוף Google Cloud, נכנסים לדף שבו מופיעה הבעיה.

  2. פותחים את כלי הפיתוח ל-Chrome: לוחצים לחיצה ימנית במקום כלשהו בדף ובוחרים באפשרות Inspect.

  3. בחלונית של DevTools, בוחרים בכרטיסייה Network. הכלי מתחיל באופן אוטומטי להקליט את הפעילות ברשת.

  4. בוחרים באפשרות Preserve log.

  5. לוחצים על ‎ Clear network log‎.

  6. משחזרים את הבעיה דרך אינטראקציה עם מסוף Google Cloud.

  7. כשמסיימים לשחזר את הבעיה, לוחצים על ‎ Export HAR (sanitized)‎ ושומרים את קובץ ה-HAR שנוצר.

Edge

משתמשים בכלי Microsoft Edge DevTools Network:

  1. במסוף Google Cloud, נכנסים לדף שבו מופיעה הבעיה.

  2. פותחים את Microsoft Edge DevTools: לוחצים לחיצה ימנית במקום כלשהו בדף ובוחרים באפשרות Inspect.

  3. בחלונית של DevTools, בוחרים בכרטיסייה Network. הכלי מתחיל באופן אוטומטי להקליט את הפעילות ברשת.

  4. בוחרים באפשרות Preserve log.

  5. לוחצים על ‎ Clear network log‎.

  6. משחזרים את הבעיה דרך אינטראקציה עם מסוף Google Cloud.

  7. כשמסיימים לשחזר את הבעיה, לוחצים על ‎ Export HAR‎ ושומרים את קובץ ה-HAR שנוצר.

Firefox

משתמשים ב-Firefox DevTools Network Monitor:

  1. במסוף Google Cloud, נכנסים לדף שבו מופיעה הבעיה.

  2. פותחים את Firefox DevTools: לוחצים לחיצה ימנית במקום כלשהו בדף ובוחרים באפשרות Inspect.

  3. בחלונית של DevTools, בוחרים בכרטיסייה Network. הכלי מתחיל באופן אוטומטי להקליט את הפעילות ברשת.

  4. לוחצים על ‎ Settings‎ ובוחרים באפשרות Persist Logs.

  5. לוחצים על ‎ Clear‎.

  6. משחזרים את הבעיה דרך אינטראקציה עם מסוף Google Cloud.

  7. כשמסיימים לשחזר את הבעיה, לוחצים על‎ Settings > Save All As HAR‎ ושומרים את קובץ ה-HAR שנוצר.

Safari

משתמשים בכרטיסייה Safari Web Inspector Network:

  1. מפעילים את הכלים למפתחים ב-Safari.

  2. במסוף Google Cloud, נכנסים לדף שבו מופיעה הבעיה.

  3. פותחים את Safari Web Inspector: בסרגל התפריטים של Safari, לוחצים על ‎Develop > Show Web Inspector‎.

  4. ב-Web Inspector, בוחרים בכרטיסייה Network. הכלי מתחיל להקליט באופן אוטומטי את הפעילות ברשת.

  5. בוחרים באפשרות Preserve Log וטוענים מחדש את דף האינטרנט.

  6. לוחצים על ‎ Clear Network Items‎.

  7. משחזרים את הבעיה דרך אינטראקציה עם מסוף Google Cloud.

  8. כשמסיימים לשחזר את הבעיה, לוחצים על Export ושומרים את קובץ ה-HAR שנוצר.

אחר כך אפשר להעלות את קובץ ה-HAR השמור כקובץ מצורף לבקשת התמיכה.

איך מתעדים פרופיל ביצועים

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

Chrome

משתמשים בחלונית הביצועים של כלי הפיתוח ל-Chrome:

  1. במסוף Google Cloud, נכנסים לדף שבו מופיעה הבעיה.

  2. פותחים את כלי הפיתוח ל-Chrome: לוחצים לחיצה ימנית במקום כלשהו בדף ובוחרים באפשרות Inspect.

  3. בחלונית של DevTools, בוחרים בכרטיסייה Performance.

  4. לוחצים על ‎ Record and reload‎ ומשחזרים את הבעיה דרך אינטראקציה עם מסוף Google Cloud.

    ה-Profiler מקליט למשך עד 10 שניות או עד שמאגר הנתונים הזמניים שלו מתמלא. אם אתם צריכים להקליט פרופיל ארוך יותר כדי לתעד את הבעיה, אתם יכולים לשלוט ידנית בהקלטה בלחיצה על ‎ Record‎ ועל ‎ Stop‎.

  5. כשמסיימים להקליט את הפרופיל, לוחצים על ‎ Save profile > Save trace‎ ושומרים את הקובץ שנוצר.

Edge

משתמשים בכלי Microsoft Edge DevTools Performance:

  1. במסוף Google Cloud, נכנסים לדף שבו מופיעה הבעיה.

  2. פותחים את Microsoft Edge DevTools: לוחצים לחיצה ימנית במקום כלשהו בדף ובוחרים באפשרות Inspect.

  3. בחלונית של DevTools, בוחרים בכרטיסייה Performance.

  4. לוחצים על ‎ Start profiling and reload page‎ ומשחזרים את הבעיה דרך אינטראקציה עם מסוף Google Cloud.

    ה-Profiler מקליט למשך עד 10 שניות או עד שמאגר הנתונים הזמניים שלו מתמלא. אם אתם צריכים להקליט פרופיל ארוך יותר כדי לתעד את הבעיה, אתם יכולים לשלוט ידנית בהקלטה בלחיצה על ‎ Record‎ ועל ‎ Stop‎.

  5. כשמסיימים להקליט את הפרופיל, לוחצים על ‎ Save profile‎ ושומרים את הקובץ שנוצר.

Firefox

משתמשים בכלי Firefox Profiler:

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

  2. במסוף Google Cloud, נכנסים לדף שבו מופיעה הבעיה.

  3. פותחים את התפריט של Firefox Profiler: בסרגל הכלים של Firefox, לוחצים על החץ לצד סמל הכלי לניתוח הביצועים.

  4. בתפריט של Profiler, בשדה Settings בוחרים באפשרות Web Developer.

  5. לוחצים על Start Recording, טוענים מחדש את דף האינטרנט ומשחזרים את הבעיה דרך אינטראקציה עם מסוף Google Cloud.

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

  6. לוחצים על Upload Local Profile, לוחצים על Download ושומרים את הקובץ שנוצר.

Safari

משתמשים בכרטיסייה Safari Web Inspector Timelines:

  1. מפעילים את הכלים למפתחים ב-Safari.

  2. במסוף Google Cloud, נכנסים לדף שבו מופיעה הבעיה.

  3. פותחים את Safari Web Inspector: בסרגל התפריטים של Safari, לוחצים על ‎Develop > Show Web Inspector‎.

  4. ב-Web Inspector, בוחרים בכרטיסייה Timelines.

  5. בוחרים באפשרות Stop recording once page loads.

  6. טוענים מחדש את דף האינטרנט ומשחזרים את הבעיה דרך אינטראקציה עם מסוף Google Cloud.

    ה-Profiler מקליט למשך עד 10 שניות או עד שמאגר הנתונים הזמניים שלו מתמלא. אם אתם צריכים להקליט פרופיל ארוך יותר כדי לתעד את הבעיה, אתם יכולים לשלוט ידנית בהקלטה בלחיצה על ‎ Start recording‎ ועל ‎ Stop recording‎.

  7. כשמסיימים להקליט את הפרופיל, לוחצים על Export ושומרים את הקובץ שנוצר.

אחר כך אפשר להעלות את פרופיל הביצועים השמור כקובץ מצורף לבקשת התמיכה.