DevTools Digest، اکتبر 2016

هی هی، کیس اینجاست، دوباره برای خلاصه‌ای دیگر بازگشته تا شما را در مورد چیزهای جدید DevTools از ماه گذشته به‌روزرسانی کند.

ویژگی های جدید در کنسول

در Chrome 56، که در حال حاضر در Canary است، DevTools Console توسط CodeMirror پشتیبانی می‌شود. این یک دسته کامل از ویژگی های جدید را فعال می کند، مانند:

برجسته کردن نحو هنگام تایپ قبلاً، DevTools تنها پس از ارزیابی یک بلوک کد، می‌توانست نحو را برجسته کند.

پرانتز تطبیق / براکت / برجسته پرانتز . اگر یک پرانتز، براکت یا پرانتز اضافی دارید، DevTools آن را قرمز رنگ می کند.

پرانتز نامتناسب

پرانتزها، پرانتزها یا پرانتزهای منطبق زمانی به رنگ خاکستری برجسته می شوند که مکان نما شما در کنار یکی از آنها باشد.

پرانتزهای همسان

بازگشت هوشمند . هنگامی که یک بلوک کد چند خطی را تایپ می کنید، DevTools اکنون می داند که هر بار که Enter را فشار می دهید یک خط جدید ایجاد کند یا کد شما را اجرا کند. به عنوان مثال، فرض کنید می خواهید حلقه for زیر را در کنسول ارزیابی کنید:

for (var i = 0; i < 5; i++) {
  console.log(i);
}

در گذشته، زدن Enter پس از تایپ خط اول باعث می شد DevTools خط را ارزیابی کند و باعث خطا شود. برای ادامه بلوک کد به یک خط جدید، باید Shift را قبل از فشار دادن Enter نگه می داشتید. در مقابل، اکنون DevTools به طور خودکار پس از زدن Enter، بلوک کد را در یک خط جدید ادامه می دهد، همانطور که انتظار دارید.

مکان نماهای متعدد Command (Mac) یا Control + Alt (ویندوز، لینوکس) را نگه دارید و سپس کلیک کنید.

مکان نماهای متعدد

Canary اکنون زمینه های غیر بالا را قرمز رنگ برجسته می کند

اگر اخیراً در کنسول کار کرده‌اید، ممکن است توسط یک اشکال کوچک بدی که انتخاب‌کننده متن اجرا را روی مقادیری غیر از top تنظیم می‌کرد، گاز گرفته باشید.

این باگ اکنون باید در Stable برطرف شود، اما، فقط برای ایمن بودن، DevTools در Canary (Chrome 56) اکنون با برجسته کردن رنگ قرمز انتخابگر به شما هشدار می دهد که در زمینه top قرار ندارید.

زمینه غیر بالا قرمز برجسته شده است

عامل کاربر جدید: مرورگر UC

اکنون می‌توانید UC Browser برای iOS، Android یا Windows Phone را از برگه کشوی شرایط شبکه انتخاب کنید.

عامل کاربر مرورگر UC

اشتراک گذاری مراقبت است

مثل همیشه، ما دوست داریم نظرات یا ایده های شما را در مورد هر چیزی که مربوط به DevTools باشد بشنویم.

  • برای سؤالات کوتاه یا بازخورد یا به اشتراک گذاشتن ایده‌های جدید با ما در ChromeDevTools در توییتر پینگ کنید.
  • برای بحث‌های طولانی‌تر، فهرست پستی یا Stack Overflow بهترین گزینه‌های شما هستند.
  • برای هر چیز مرتبط با اسناد، یک مشکل در مخزن اسناد ما باز کنید .
  • همیشه می‌توانید مستقیماً به تیم بروید تا یک اشکال را ثبت کنید یا یک ویژگی را در Crbug درخواست کنید.

تا ماه آینده،

کیسی