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

Kayce Basques
Kayce Basques

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

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

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

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

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

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

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

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

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

קובצי Cookie חסומים בחלונית Cookies

בחלונית Cookies (קובצי Cookie) בחלונית Application (אפליקציה), קובצי Cookie חסומים מוצגים עכשיו עם רקע צהוב.

קובצי Cookie חסומים בחלונית Cookies בחלונית Application

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

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

עדיפות קובצי Cookie בחלונית Cookie

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

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

עריכה של כל ערכי קובצי ה-Cookie

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

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

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

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

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

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

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

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

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

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

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

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

לדוגמה, בהדגמה הזו, כשבודקים את פסאודו-האלמנט p::after, רואים מחרוזת עם תווי בריחה בחלונית Styles (סגנונות):

המחרוזת עם התווים המיוחדים

כשמעבירים את העכבר מעל הערך content, רואים את הערך ללא escape:

הערך ללא תווי בריחה

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

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

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

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

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

GIF של התכונה

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

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

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

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

  • אתם מוזמנים לשלוח לנו משוב ובקשות להוספת תכונות בכתובת crbug.com.
  • אפשר לדווח על בעיה בכלי פיתוח באמצעות הסמל אפשרויות נוספות > עזרה > דיווח על בעיה בכלי פיתוח בכלי הפיתוח.
  • שולחים ציוץ אל ‎@ChromeDevTools.
  • אפשר להוסיף תגובות לסרטונים What's new in DevTools YouTube videos או DevTools Tips YouTube videos.

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

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