מה חדש בכלי הפיתוח (Chrome 79)

תכונות חדשות לקובצי Cookie

ניפוי באגים למה קובץ cookie נחסם

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

הכרטיסייה 'קובצי Cookie'.

בכרטיסייה קובצי Cookie.

  • בקשת קובצי cookie בצבע צהוב לא נשלחו בהעברה בנקאית. הם מוסתרים כברירת מחדל. כדי להציג קובצי cookie של בקשות, לוחצים על הצגת קובצי cookie של בקשות שסוננו.
  • קובצי cookie צהובים לתגובה נשלחו בהעברה בנקאית אבל לא אוחסנו.
  • תוכלו להעביר את העכבר מעל מידע נוסף מידע כדי לראות למה קובץ cookie נחסם.
  • רוב הנתונים בטבלאות בקשת קובצי cookie וקובצי cookie של תגובה מגיעים מכותרות ה-HTTP של המשאב. הנתונים של הדומיין, הנתיב ובתוקף עד/Max-Age מגיעים מפרוטוקול כלי הפיתוח ל-Chrome.

בעיות ב-Chromium #856777, #993843

הצגת ערכים של קובצי cookie

לוחצים על שורה בחלונית 'קובצי cookie' כדי להציג את הערך של קובץ ה-cookie.

הצגת הערך של קובץ cookie.

הצגת הערך של קובץ cookie.

בעיה ב-Chromium #462370

לבצע הדמיה של ערכות צבעים מועדפות והעדפות עם העדפה לצמצום תנועה

בשאילתת המדיה prefers-color-scheme תוכלו להתאים את סגנון האתר להעדפות של המשתמשים. לדוגמה: במקרה ששאילתת המדיה prefers-color-scheme: dark מוגדרת כ-True, המשמעות היא שהמשתמש הגדיר את מערכת ההפעלה שלו למצב כהה והוא מעדיף ממשק משתמש של מצב כהה.

פתחו את תפריט הפקודות, מריצים את הפקודה Show Rendering ולאחר מכן מגדירים את התפריט הנפתח Emlate CSS media features-color-scheme כדי לנפות באגים בסגנונות שלכם prefers-color-scheme: dark ו-prefers-color-scheme: light.

העדפת ערכת צבעים: כהה

כש-prefers-color-scheme: dark מוגדר (תיבה אמצעית), חלונית הסגנונות (התיבה השמאלית) מציגה את ה-CSS שיוחל כששאילתת המדיה הזו נכונה ובאזור התצוגה מוצגים הסגנונות של המצב הכהה (התיבה השמאלית).

אפשר גם לדמות את prefers-reduced-motion: reduce באמצעות התפריט הנפתח Emulate CSS media features-reduced-motion שנמצא לצד התפריט הנפתח Emulate CSS media feature preference-color-scheme.

בעיה ב-Chromium #1004246

אמולציה של אזור הזמן

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

עדכונים לגבי הכיסוי של הקוד

אתם יכולים להיעזר בכרטיסייה 'כיסוי' כדי למצוא קובצי JavaScript ו-CSS שלא נמצאים בשימוש.

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

בתיבת הטקסט החדשה של הכיסוי type filter אפשר לסנן את פרטי הכיסוי לפי הסוג: להציג רק כיסוי JavaScript, להציג רק CSS, או להציג את כל סוגי הכיסוי.

הכרטיסייה 'כיסוי'.

הכרטיסייה 'כיסוי'.

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

נתוני כיסוי בחלונית 'מקורות'.

נתוני כיסוי בחלונית 'מקורות'. שורה 8 היא דוגמה לקוד שלא בשימוש. שורה 11 היא דוגמה לקוד משומש.

בעיות ב-Chromium #1003671, #1004185

ניפוי באגים למה התקבלה בקשה למשאב רשת

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

הכרטיסייה 'יוזם'.

הכרטיסייה יוזם.

בעיות ב-Chromium 963183, 842488

בחלוניות 'מסוף' ו'מקורות' אפשר שוב לשנות את ההעדפות של כניסת פיסקה.

כבר תקופה ארוכה של כלי הפיתוח יש הגדרות שמאפשרות להתאים אישית את ההעדפה של כניסת הפיסקה ל-2 רווחים, ל-4 רווחים, ל-8 רווחים או לכרטיסיות. לאחרונה ההגדרה הייתה פחות שימושית כי החלוניות של Console ו-Sources התעלמו ממנה. הבאג תוקן.

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

בעיה ב-Chromium #977394

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

הקש על Control+P בחלוניות 'מסוף' או 'מקורות' כדי להעביר את הסמן לשורה שלמעלה. מקישים על Control+N כדי להזיז את הסמן לשורה שלמטה.

בעיה ב-Chromium #983874

הורדת הערוצים של התצוגה המקדימה

כדאי להשתמש ב-Chrome Canary, Dev או Beta כדפדפן הפיתוח בברירת מחדל. ערוצי התצוגה המקדימה האלה נותנים לך גישה לתכונות החדשות של כלי הפיתוח, בודקים ממשקי API מתקדמים של פלטפורמת האינטרנט ומוצאים בעיות באתר לפני שהמשתמשים יגלו אותן!

יצירת קשר עם צוות כלי הפיתוח ל-Chrome

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

  • שלחו לנו הצעה או משוב דרך crbug.com.
  • כדי לדווח על בעיה בכלי הפיתוח, לוחצים על אפשרויות נוספות   עוד   > עזרה > דיווח על בעיות בכלי הפיתוח בכלי הפיתוח.
  • אפשר לשלוח ציוץ אל @ChromeDevTools.
  • אפשר לכתוב תגובות לגבי 'מה חדש' בסרטוני YouTube בכלי הפיתוח או בסרטונים ב-YouTube בקטע 'טיפים לשימוש בכלי הפיתוח'.

מה חדש בכלי הפיתוח

רשימה של כל מה שמכוסה בסדרה מה חדש בכלי הפיתוח.

Chrome 123

גרסה 122 של Chrome

גרסה 121 של Chrome

Chrome 120

גרסה 119 של Chrome

גרסה 118 של Chrome

גרסה 117 של Chrome

גרסה 116 של Chrome

Chrome 115

Chrome 114

גרסה 113 של Chrome

גרסה 112 של Chrome

גרסה 111 של Chrome

Chrome 110

Chrome 109

גרסה 108 של Chrome

גרסה 107 של Chrome

Chrome 106

Chrome 105

Chrome 104

גרסה 103 של Chrome

גרסה 102 של Chrome

גרסה 101 של Chrome

Chrome 100

גרסה 99 של Chrome

Chrome 98

Chrome 97

Chrome 96

Chrome 95

Chrome 94

Chrome 93

גרסה 92 של Chrome

גרסה 91 של Chrome

Chrome 90

גרסה 89 של Chrome

גרסה 88 של Chrome

גרסה 87 של Chrome

גרסה 86 של Chrome

גרסה Chrome 85

גרסה 84 של Chrome

גרסה 83 של Chrome

גרסה 82 של Chrome

Chrome 82 בוטל.

גרסה 81 של Chrome

גרסה 80 של Chrome

גרסה 79 של Chrome

גרסה 78 של Chrome

גרסה 77 של Chrome

גרסה 76 של Chrome

גרסה 75 של Chrome

גרסה 74 של Chrome

גרסה 73 של Chrome

גרסה 72 של Chrome

גרסה 71 של Chrome

גרסה 70 של Chrome

גרסה Chrome 68

Chrome גרסה 67

Chrome 66

גרסה Chrome 65

Chrome 64

Chrome 63

גרסה 62 של Chrome

גרסה 61 של Chrome

Chrome 60

Chrome 59