جدید در کروم 78

پیت لی پیج

Chrome 78 اکنون در حال عرضه است!

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

CSS Properties and Values ​​API

متغیرهای CSS، که از نظر فنی به آنها خواص سفارشی می گویند، بسیار عالی هستند. آنها به شما اجازه می دهند تا ویژگی های خود را در سراسر CSS خود تعریف و استفاده کنید. اما، ویژگی های سفارشی چیزی بیشتر از یک جستجو و جایگزینی ساده نیستند.

html {
  --my-color: green;
}
.thing {
  color: var(--my-color);
}

اگر از یک متغیر برای یک رنگ استفاده می‌کردید، اما یک URL را به عنوان یک مقدار اختصاص می‌دادید، این قانون به‌طور بی‌صدا کنار گذاشته می‌شد. با CSS Properties and Values ​​API، می توانید یک نوع و مقدار بازگشتی پیش فرض برای ویژگی های سفارشی خود تعریف کنید.

html {
  --my-color: url(‘not-a-color'); // Oops, not a color!
}
.thing {
  color: var(--my-color);
}

ثبت یک ویژگی به آسانی فراخوانی window.CSS.registerProperty() و ارائه نام خاصیتی است که نوع خاصیت آن را تعریف می‌کنید، اگر باید به ارث برسد، و مقدار اولیه آن است.

window.CSS.registerProperty({
  name: '--my-color',
  syntax: '<color>',
  inherits: false,
  initialValue: 'black',
});

برای جزئیات کامل، به ویژگی های سفارشی هوشمندتر Sam Richard با مقاله API جدید هودینی در web.dev نگاهی بیندازید.

کارگران خدماتی تازه کار

اکنون بررسی‌های بایت به بایت برای اسکریپت‌های Service Worker وارد شده توسط importScripts() انجام می‌شود. در گذشته، تنها راه برای مجبور کردن یک سرویس‌کار نصب‌شده برای دریافت تغییرات در یک اسکریپت وارداتی، تغییر URL اسکریپت وارد شده بود، معمولاً یا با افزودن یک مقدار semver یا هش در URL.

importScripts('https://example.com/v1.1.0/index.js');
importScripts('https://example.com/index.abcd1234.js');

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

جف به طور پیش‌فرض تمامی جزئیات را در سرویس‌کارگران Fresher دارد، از جمله موارد مهمی که باید درباره نحوه تأثیر کش HTTP بر چرخه به‌روزرسانی بدانید.

آزمایشات منشاء جدید

آزمایش‌های مبدأ فرصتی را برای ما فراهم می‌کند تا ویژگی‌های آزمایشی و APIها را تأیید کنیم، و این امکان را برای شما فراهم می‌کند که درباره قابلیت استفاده و اثربخشی آنها در استقرار گسترده‌تر بازخورد ارائه کنید.

ویژگی‌های آزمایشی معمولاً فقط پشت پرچم در دسترس هستند، اما زمانی که ما نسخه آزمایشی مبدأ را برای یک ویژگی ارائه می‌دهیم، می‌توانید برای آن آزمایش اولیه ثبت نام کنید تا این ویژگی برای همه کاربران در مبدا خود فعال شود.

انتخاب نسخه آزمایشی اصلی به شما امکان می‌دهد نسخه‌های نمایشی و نمونه‌های اولیه بسازید که کاربران آزمایش بتا می‌توانند در طول دوره آزمایشی بدون نیاز به برگرداندن پرچم‌های خاصی در Chrome، آن‌ها را امتحان کنند.

اطلاعات بیشتری درباره آزمایش‌های اولیه در راهنمای آزمایشی مبدا برای توسعه‌دهندگان وب وجود دارد. می‌توانید فهرستی از آزمایش‌های اولیه فعال را ببینید و در صفحه آزمایش‌های اولیه Chrome برای آنها ثبت‌نام کنید.


سیستم فایل بومی

Origin Trial برای Native File System API در Chrome 78 شروع می شود و انتظار می رود از طریق Chrome 80 اجرا شود.

Native File System API به توسعه دهندگان این امکان را می دهد تا برنامه های وب قدرتمندی بسازند که با فایل های موجود در دستگاه محلی کاربر تعامل دارند. پس از اینکه کاربر به یک برنامه وب اجازه دسترسی داد، این API به برنامه‌های وب اجازه می‌دهد تا تغییرات را مستقیماً در فایل‌ها و پوشه‌های دستگاه کاربر بخوانند یا ذخیره کنند.

من واقعاً در مورد تمام تجربیات جدیدی که این امکان را فراهم می کند هیجان زده هستم، دیگر نیازی به "آپلود" یا "دانلود" فایل هایی که می خواهم با آنها کار کنم نیست. برای همه جزئیات، از جمله کد، نسخه نمایشی، و نحوه کار ما برای ایمن نگه داشتن کاربران، پست من را در مورد سیستم فایل بومی بررسی کنید.

گیرنده پیامک

Origin Trial برای API گیرنده SMS در Chrome 78 شروع می شود و انتظار می رود از طریق Chrome 80 اجرا شود.

SMS Receiver API که اکنون به‌عنوان نسخه آزمایشی اصلی در دسترس است، به برنامه وب شما امکان می‌دهد پیام‌های SMS با قالب‌بندی خاص برای مبدا برنامه شما دریافت کند. از این طریق می توانید به صورت برنامه ریزی شده یک OTP را از یک پیام کوتاه دریافت کنید و یک شماره تلفن را برای کاربر راحت تر تأیید کنید.

Eiji شماره تلفن‌های موجود در وب را با API گیرنده پیامک با تمام جزئیات و نحوه ثبت‌نام برای آزمایش اصلی نوشت.

Chrome Dev Summit 2019

فراموش نکنید که در 11 و 12 نوامبر با Chrome Dev Summit هماهنگ شوید، این جلسه به صورت زنده در کانال YouTube Developers Chrome پخش می شود.


در ادامه مطلب

این تنها برخی از نکات کلیدی را پوشش می دهد. برای تغییرات بیشتر در Chrome 78 پیوندهای زیر را بررسی کنید.

مشترک شوید

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

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