جدید در کروم 57

  • Chrome 57 پشتیبانی از display: grid - مشخصات جدید CSS Grid Layout.
  • اکنون می توانید با استفاده از Media Session API جدید، ورودی های کاربر در صفحه قفل و اعلان ها را سفارشی کنید و به آن پاسخ دهید.
  • و تعداد بیشتری وجود دارد!

من Pete LePage هستم، بیایید وارد آن شویم و ببینیم چه چیز جدیدی برای توسعه دهندگان در Chrome 57 وجود دارد!

طرح بندی شبکه CSS

Flexbox یک ابزار چیدمان قدرتمند است. بسیاری از طرح‌بندی‌های پیچیده را ممکن می‌سازد، اما فقط می‌تواند طرح‌بندی را در یک بعد انجام دهد. Chrome 57 پشتیبانی از display: grid - مشخصات جدید CSS Grid Layout ، افزودن یک ابزار جدید قدرتمند برای ایجاد سیستم های طرح بندی مبتنی بر شبکه دو بعدی، بهینه شده برای طراحی رابط کاربری پاسخگو.

عناصر درون شبکه می توانند چندین ستون یا سطر را پوشش دهند. مناطق در یک شبکه CSS نیز می توانند نامگذاری شوند، که درک کد طرح را آسان تر می کند.

Surma یک پست به‌روزرسانی در مورد آن دارد، و هنگامی که آماده غواصی عمیق‌تر شدید، سایت راشل اندرو را بررسی کنید: GridByExample.com .

Media Session API

یکی از ویژگی‌های گمشده برنامه‌های رسانه‌های وب، توانایی ادغام عمیق با تجربه رسانه اصلی در دستگاه‌های تلفن همراه است. در Chrome for Android، اکنون می‌توانید صفحه قفل و اعلان‌ها را با محتوای رسانه با استفاده از Media Session API جدید سفارشی کنید.

با ارائه ابرداده به مرورگر درباره محتوای در حال پخش، می‌توانید پیام‌هایی با صفحه قفل غنی ایجاد کنید که شامل اطلاعاتی مانند عنوان، هنرمند، نام آلبوم و آثار هنری است. همچنین می‌توانید به اقدامات کاربر در خود اعلان گوش دهید و به آنها پاسخ دهید ، مانند جستجو یا پرش.

اگر می‌خواهید سریع شروع کنید، فرانسوا یک پست عالی به‌روزرسانی دارد، یا مخزن نمونه جلسات رسانه‌ای Chrome را در GitHub بررسی کنید.

و بیشتر!

و خیلی چیزهای دیگر وجود دارد!

  • بهبودهایی در API درخواست پرداخت وجود دارد.
  • با ویژگی caret-color می‌توانید رنگ مکان‌نمای ورودی متن را مشخص کنید.
  • جلوه های بصری مانند رنگ خط و سبک را می توان با ویژگی های جدید text-decoration مشخص کرد.
  • کلاس Fetch API Response اکنون از ویژگی .redirected پشتیبانی می کند تا از پاسخ های غیرقابل اعتماد جلوگیری کند و خطر تغییر مسیرهای باز را کاهش دهد.
  • همه نام‌های مستعار جهانی IndexedDB با پیشوند -webkit- پس از منسوخ شدن آنها در M38 حذف شده‌اند.
  • و یکی از موارد مورد علاقه من - روش‌های قالب‌بندی جدید padStart و padEnd که هنگام تراز کردن خروجی کنسول یا چاپ اعداد با تعداد ثابتی از ارقام، لایه‌بندی رشته‌ها را ساده می‌کند.

اینها تنها تعدادی از تغییرات Chrome 57 برای توسعه دهندگان است.

به ایگالیا فریاد بزن

در نهایت، یک فریاد بزرگ به مهندسان و تیم Igalia برای کار عالی آنها در Blink. آنها در فرود CSS Grid جدید و ویژگی‌های caret-color نقش مهمی داشتند.

به روز باشید

اگر می‌خواهید با Chrome به‌روز بمانید و بدانید چه چیزی در راه است، حتماً در کانال ما مشترک شوید یا ChromiumDev@ را در توییتر دنبال کنید. و برای بررسی عمیق‌تر برخی از موارد فوق‌العاده‌ای که تیم Chrome روی آنها کار می‌کند، حتماً ویدیوهای جلسه Chrome Dev Summit را بررسی کنید.

من Pete LePage هستم، و به محض اینکه Chrome 58 منتشر شود، اینجا هستم تا به شما بگویم -- چه چیزهای جدیدی در Chrome وجود دارد!