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

Kayce Basques
Kayce Basques

תמיכה ב-Moto G4 במצב המכשיר

אחרי שמפעילים את סרגל הכלים של המכשיר, אפשר לדמות את המימדים של חלון התצוגה של Moto G4 מהרשימה מכשיר.

סימולציה של אזור תצוגה של Moto G4

לוחצים על הצגת מסגרת סביב המכשיר כדי להציג את החומרה של Moto G4 סביב אזור התצוגה.

הצגת החומרה של Moto G4

תכונות קשורות:

  • פותחים את תפריט הפקודות ומריצים את הפקודה Capture screenshot כדי לצלם את המסך של אזור התצוגה, שכולל את החומרה של Moto G4 (אחרי שמפעילים את האפשרות Show Device Frame).
  • הגבלת רוחב הפס של הרשת ושל המעבד כדי לדמות בצורה מדויקת יותר את תנאי הגלישה באינטרנט של משתמש בנייד.

בעיה מספר 924693 ב-Chromium

עדכונים שקשורים לקובצי Cookie

קובצי cookie חסומים בחלונית 'קובצי cookie'

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

קובצי cookie חסומים בחלונית 'קובצי cookie' בחלונית 'אפליקציה'

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

בעיה מספר 1030258 ב-Chromium

העדיפות של קובצי cookie בחלונית 'קובצי cookie'

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

בעיה מספר 1026879 ב-Chromium

עריכת כל ערכי קובצי ה-cookie

עכשיו אפשר לערוך את כל התאים בטבלאות של קובצי ה-cookie, מלבד תאים בעמודה Size כי העמודה הזו מייצגת את גודל קובץ ה-cookie ברשת, בבייטים. הסבר על כל עמודה זמין בקטע שדות.

עריכת ערך של קובץ cookie

העתקה בתור אחזור של Node.js כדי לכלול נתוני קובצי cookie

לוחצים לחיצה ימנית על בקשת רשת ובוחרים באפשרות העתקה > העתקה כ-Node.js fetch כדי לקבל ביטוי fetch שכולל את נתוני קובצי ה-cookie.

העתקה בתור אחזור של Node.js

בעיה מספר 1029826 ב-Chromium

סמלי מניפסט מדויקים יותר של אפליקציות אינטרנט

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

סמלים בחלונית המניפסט

בעיה מספר 985402 ב-Chromium

מעבירים את העכבר מעל מאפייני content ב-CSS כדי לראות ערכים ללא תווי בריחה

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

לדוגמה, בהדגמה הזו, כשבודקים את רכיב הסוג הבדוי p::after, ��ו��ים ��ח��ו��ת עם תווי בריחה בחלונית הסגנונות:

המחרוזת עם האסימון

כשמעבירים את העכבר מעל הערך content, מוצג הערך ללא הטיפול:

הערך ללא תווי ה-escape

שגיאות מפורטות יותר במפת המקור במסוף

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

שגיאה בטעינה של מפת מקור במסוף

הגדרה להשבתת הגלילה מעבר לסוף הקובץ

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

כאן אפשר לראות קובץ GIF של התכונה.

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

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

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

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

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

רשימה של כל מה שנדון בסדרה מה חדש ב-DevTools.