به روزرسانی ابزارهای Google Google 86 Dev

Google Chrome 86 که قرار است در 6 اکتبر سال 2020 منتشر شود ، نسخه جدیدی از Dev Tools را به نمایش خواهد گذاشت. این بروزرسانی ویژگی های جدیدی را ارائه می دهد که سودمندی ابزار را گسترش می دهد. ناشران می توانند ویدیو را در یک صفحه جدید رسانه ای که به راحتی قابل دسترسی است ، اشکال بزنند ، به شبیه سازهای بیشتری دسترسی پیدا کنند و از ممیزی های بهتر از Lighthouse تا 6.2 استفاده کنند.

تصویر اشکال زدایی ویدیوی پانل رسانه جدید

عکس صفحه نمایش رسانه ای جدید ابزارهای کروم 86 dev

پنل رسانه ای جدید

ابزارهای dev dev Chrome اکنون دارای یک صفحه رسانه ای هستند که به شما امکان می دهد فیلم ها را اشکال زدایی دهید.

دستورالعمل گام به گام در مورد نحوه دسترسی به صفحه رسانه:

  1. روی سه نقطه کلیک کنید که گزینه های بیشتری را نشان می دهند.
  2. ابزارهای بیشتر را انتخاب کنید
  3. برای نمایش ابزار جدید اشکال زدایی ویدیو ، رسانه را انتخاب کنید.

تصویری که نحوه دسترسی به صفحه رسانه را نشان می دهد

پنل رسانه ای جدید به شما امکان می دهد خواص ، رویدادها ، پیام ها و جدول زمانی را بررسی کنید.

تصویر برگه پانل رسانه ای
طبق گوگل:

  • “برگه Properties ویژگی های پخش کننده رسانه را نشان می دهد.
  • برای دیدن همه رویدادهای پخش کننده رسانه ، روی برگه Events کلیک کنید.
  • برای دیدن گزارش های پیام رسان پخش کننده ، بر روی تب پیام ها کلیک کنید. می توانید پیام ها را بر اساس سطح ورود یا رشته انجام دهید.
  • برگه Timeline جایی است که می توانید پخش رسانه ها و وضعیت بافر را بطور زنده مشاهده کنید. “

تبلیغات

ادامه خواندن در زیر

عکس گرفتن از گره تصاویر

اکنون می توانید تصاویر گره های خاص را از طریق a دریافت کنید منوی کشویی متنی در پانل Elements.

مقاله پیشنهادی  Google Test نشان دادن صفحات وب در نتایج جستجوی YouTube

تصویر صفحه منوی متنی برای گرفتن عکس از تصویر

تقلید قلم های محلی موجود نیست

در صورت فعال بودن ، این ویژگی قلم های موجود در دستگاه شما را نادیده می گیرد و به گونه ای رفتار می کند که گویی فونت ها از بین رفته اند. این امر باعث می شود ابزار dev برای درست کردن بازدید از این فونت درست مثل بازدید کننده جدید باشد و به شما امکان می دهد روند کار را انجام دهید.

شبیه سازی داده های ترجیحی-کاهش داده شده را ترجیح دهید

این تنظیمات است که می تواند بازدید کننده سایت را که دارای تنظیمات ترجیحی مرورگر برای حالت صرفه جویی در داده ها باشد ، تقلید کند. سپس پرس و جو رسانه CSS با داده های کم تر ترجیح می دهد تصویری کوچکتر نشان دهد.

مقاله پیشنهادی  Google تا 50 درصد بودجه بازاریابی را کاهش می دهد

تصویر صفحه تنظیمات شبیه سازی
این یک ویژگی آزمایشی است.

W3c نگرانی هایی را مبنی بر استفاده از این ویژگی در شناسایی کاربران کم درآمد نشان می دهد.

تبلیغات

ادامه خواندن در زیر

وی گفت: “این ویژگی ممکن است یک منبع ناخواسته برای اثر انگشت باشد ، با تعصب نسبت به درآمد کم و داده های محدود. یک بخش حفظ حریم خصوصی و امنیت باید به این مشخصات اضافه شود و باید این نگرانی را برطرف کند.

این جستجوی رسانه از Chrome 85 به بعد ، از جمله Microsoft Edge مبتنی بر Chrome پشتیبانی خواهد شد.

با فعال کردن این شبیه سازی ، ناشر می تواند رفتار صفحه وب را برای این شرایط مشاهده و اشکالزدایی کند.

فانوس دریایی 6.2

این بروزرسانی اصلاحات و پیشرفتهای بی شماری را اضافه می کند.

اینها برخی از پیشرفتها طبق گوگل است:

  1. “از انجام کارهای اصلی طولانی خودداری کنید. طولانی ترین کارها را در موضوع اصلی گزارش می دهد ، برای شناسایی بدترین مشارکت کنندگان در تأخیر ورودی مفید است.
  2. پیوندها خزنده هستند. بررسی کنید که آیا ویژگی href عناصر لنگر به یک مقصد مناسب پیوند دارد ، بنابراین می توانید پیوندها را کشف کنید.
  3. عناصر تصویر غیر اندازه – بررسی کنید که آیا عرض و ارتفاع صریح روی عناصر تصویر تنظیم شده است. اندازه صریح تصویر می تواند تغییرات طرح را کاهش دهد و CLS را بهبود بخشد.
  4. از انیمیشن های غیر آهنگساز خودداری کنید. انیمیشن های غیر مرکب را که ظاهراً ناخوشایند به نظر می رسند و CLS را کاهش می دهد ، گزارش می دهد.
  5. رویدادهای بارگیری را می شنود. رویداد بارگیری را گزارش می کند. استفاده از صفحه صفحه یا تغییر دید به جای آنکه رویداد بارگیری قابل اعتماد نشود آتش سوزی می کند. “

تبلیغات

ادامه خواندن در زیر

موارد فوق فقط یک لیست جزئی و توضیح در مورد تغییرات مختلف است. پیشرفت های دیگری مانند پشتیبانی از ویژگی های جدید JavaScript نیز وجود دارد.

اطلاعیه رسمی را بخوانید
https://developers.google.com/web/updates/2020/08/devtools

صفحه پشتیبانی پنل رسانه ای
https://developers.google.com/web/tools/chrome-devtools/media

توضیحات رسمی W3C ترجیح کاربر داده های کاهش یافته ترجیح داده شده است
https://www.w3.org/TR/mediaqueries-5/#prefers-reduced-data

فانوس دریایی 6.2 تغییر
https://github.com/GoogleChrome/lighthouse/releases/tag/v6.2.0