DevTools Digest، آگوست 2016

سلام، من Kayce هستم، نویسنده فنی DevTools، اینجا هستم تا درباره آخرین اتفاقات در سرزمین DevTools به شما بگویم.

پنل Resources اکنون پنل Application است

از Chrome 52، پانل منابع دیگر وجود ندارد! به پنل Application تغییر نام داده است. همه ویژگی‌های قدیمی پنل منابع هنوز در دسترس هستند، به علاوه بسیاری از ویژگی‌های جدید برای کمک به اشکال‌زدایی برنامه‌های وب پیشرفته. اکنون شما نیز می‌توانید لذت اشکال‌زدایی چرخه عمر کارگر سرویس و مشکلات زمان‌بندی حافظه پنهان را تجربه کنید.

راهنمای جدید ما را که واقعاً توسط شما نوشته شده است، بررسی کنید تا در مورد ویژگی‌های جدید بیشتر بدانید: برنامه‌های وب پیشرفته را اشکال زدایی کنید.

ChromeLens

لنز کروم

ChromeLens یک افزونه جدید عالی است که به شما کمک می کند تا وب سایت خود را برای افراد کم بینا در دسترس تر کنید.

PS Rob Dodson به تازگی یک سری ویدیویی جدید در زمینه دسترسی، a11ycasts راه اندازی کرده است.

ویژگی های جدید در حال حاضر در قناری

Canary در حال حاضر Chrome 54 است. بنابراین، برای خوانندگان آینده، اگر از Chrome 54 یا بالاتر استفاده می کنید، می توانید از این ویژگی ها استفاده کنید!

انتخابگر رنگ در پنل منابع است.

انتخابگر رنگ پنل منابع.

روی پنل Resources در پنل Network کلیک راست کنید و می‌توانید رشته‌ای از درخواست‌های cURL را برای دانلود همه منابع خود کپی کنید.

همه را به صورت حلقه کپی کنید.

جاوا اسکریپت را می توان از منوی فرمان غیرفعال کرد. قبلاً فقط از تنظیمات در دسترس بود.

جاوا اسکریپت را غیرفعال کنید

console.warn() اکنون شامل یک stack trace است.

ردیابی پشته console.warn().

این آخرین ویژگی چند ماهی است که وجود دارد، اما ارزش ذکر دیگری را دارد. با فعال بودن گزینه JS Profile یک ضبط تایم لاین ایجاد کنید و می‌توانید زمان‌های اجرا را در پنل Sources به تفکیک تابع به تابع مشاهده کنید.

زمان اجرای توابع در پنل منابع.

ایده های جدید از جامعه

در اینجا چند ایده جدید از جامعه وجود دارد که ممکن است در آینده به DevTools نزدیک شما بیاید.

  • @matthewcp : با نمایش یک لیست ساده از اشیاء در حال رشد، اشکال زدایی نشت حافظه را افزایش دهید.
  • @jonathanbingram : مقادیر font-weight را با میانبرهای صفحه کلید افزایش/کاهش افزایش یا کاهش دهید.
  • @_bl4de : کوکی ها را ویرایش کنید (در واقع یک درخواست دیرینه است، اما از اینکه دوباره آن را مطرح کردید متشکریم). شایعات حاکی از آن است که @kdzwinel یک روابط عمومی در دست ساخت دارد.
  • @kienzle_s : فیلترهای OR را به فیلتر پنل شبکه اضافه کنید.

ایده جدیدی دارید؟ ما دوست داریم آن را بشنویم. ما را در توییتر در @ChromeDevTools پینگ کنید و به ما بگویید چه خبر است.

در حالی که توجه شما را جلب کرده‌ام، اگر سندی وجود دارد که نیاز به تعمیر دارد، یا ویژگی‌هایی وجود دارد که نیاز به توضیح دارد، به راحتی مشکلی را در مخزن اسناد باز کنید .

تا ماه آینده!