جدید در کروم 88

پیت لی پیج

کروم 88 در حال عرضه به حالت پایدار است.

در اینجا چیزی است که شما باید بدانید:

  • اکنون می‌توانید برنامه‌های افزودنی را با استفاده از مانیفست V3 در فروشگاه وب Chrome آپلود کنید.
  • ویژگی aspect-ratio CSS تنظیم نسبت ابعاد را در هر عنصر آسان می کند.
  • کروم 88 تایمرهای جاوا اسکریپت زنجیر شده را برای صفحات مخفی در شرایط خاص به شدت مهار می کند.
  • اکنون می توانید از Play Billing در فعالیت وب مورد اعتماد خود استفاده کنید.
  • همه ویدیوهای Chrome Dev Summit به پایان رسیده است.
  • و بسیاری موارد دیگر وجود دارد.

من Pete LePage هستم، کار می‌کنم و از خانه عکاسی می‌کنم، بیایید شیرجه بزنیم و ببینیم چه چیز جدیدی برای توسعه‌دهندگان در Chrome 88 وجود دارد!

مانیفست V3

Chrome 88 اکنون از برنامه های افزودنی ساخته شده با Manifest V3 پشتیبانی می کند و می توانید آنها را در فروشگاه وب Chrome آپلود کنید. Manifest V3 یک پلتفرم افزونه جدید است که به طور پیش‌فرض افزونه‌های Chrome را ایمن‌تر، کارآمدتر می‌کند و به حریم خصوصی احترام می‌گذارد.

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

کارگران خدمات را به عنوان جایگزینی برای صفحات پس زمینه معرفی می کند. از آنجایی که کارکنان سرویس فقط در صورت نیاز در حافظه ساکن هستند، برنامه های افزودنی از منابع سیستم کمتری استفاده می کنند.

و برای اینکه کاربران دید و کنترل بیشتری بر نحوه استفاده و اشتراک گذاری داده های برنامه های افزودنی داشته باشند، در نسخه آینده جریان نصب جدیدی را اتخاذ خواهیم کرد که به کاربران اجازه می دهد مجوزهای حساس را در زمان نصب خودداری کنند.

برای جزئیات کامل و نحوه انتقال برنامه افزودنی فعلی خود به Manifest V3، developer.chrome.com را بررسی کنید.


ویژگی aspect-ratio CSS

به طور معمول، فقط برخی از عناصر دارای نسبت تصویر هستند، برای مثال تصاویر. برای آنها، اگر فقط عرض یا ارتفاع مشخص شده باشد، دیگری به طور خودکار با استفاده از نسبت ابعاد ذاتی محاسبه می شود.

<!-- Height is auto-computed from width & aspect ratio -->
<img src="..." style="width: 800px;">

در کروم 88، ​​ویژگی aspect-ratio به شما امکان می‌دهد صریحاً یک نسبت تصویر را مشخص کنید و رفتار مشابهی را فعال کنید.

.square {
  aspect-ratio: 1 / 1;
}

همچنین می‌توانید از بهبود پیشرونده برای بررسی اینکه آیا در مرورگر پشتیبانی می‌شود یا خیر، استفاده کنید و در صورت لزوم یک نسخه بازگشتی اعمال کنید. سپس با not جدید CSS 4 می توانید کد خود را کمی تمیزتر کنید!

.square {
  aspect-ratio: 1 / 1;
}

@supports not (aspect-ratio: 1 / 1) {
  .square {
    height: 4rem;
    width: 4rem;
  }
}

با تشکر از جن سیمونز برای فراخوانی این موضوع در آخرین پیش‌نمایش فنی سافاری پشتیبانی می‌شود، بنابراین باید به زودی آن را در سافاری ببینیم! و نسخه ی نمایشی Una را بررسی کنید تا آن را در عمل ببینید.

فشار شدید تایمرهای زنجیره ای JS

کروم 88 تایمرهای جاوا اسکریپت زنجیر شده را برای صفحات مخفی در شرایط خاص به شدت مهار می کند. این کار باعث کاهش مصرف CPU می شود که مصرف باتری را نیز کاهش می دهد. برخی از موارد لبه ای وجود دارد که این رفتار را تغییر می دهد، اما تایمرها اغلب در مواردی استفاده می شوند که یک API متفاوت کارآمدتر و قابل اعتمادتر باشد.

این اصطلاح بسیار سنگین و کمی مبهم بود، بنابراین برای همه جزئیات ، مقاله جیک را بررسی کنید.

پخش صورت‌حساب در «فعالیت وب معتمد».

اکنون می‌توانید از «صورت‌حساب Play» در «فعالیت وب معتمد» خود برای فروش کالاهای دیجیتال و اشتراک‌ها با استفاده از «API دیجیتال کالاهای جدید» استفاده کنید. به عنوان نسخه آزمایشی اصلی در Chrome 88 در اندروید در دسترس است، و ما انتظار داریم که در نسخه بعدی نسخه آزمایشی اصلی را به ChromeOS گسترش دهد.

پس از راه‌اندازی حساب‌هایتان، «فعالیت وب معتمد» خود را به‌روزرسانی کنید تا صورت‌حساب Play فعال شود و کالاهای دیجیتال خود را در «کنسول برنامه‌نویس Play» ایجاد کنید. سپس، در PWA خود، توکن آزمایشی اصلی خود را اضافه کنید، و آماده اضافه کردن کد برای بررسی خریدهای موجود، پرس و جو برای خریدهای موجود و انجام خریدهای جدید هستید.

// Get list of potential digital goods

const itemService =
  await window.getDigitalGoodsService("https://play.google.com/billing");

const details =
  await itemService.getDetails(['ripe_bananas', 'walnuts', 'pecans' ]);

آدریانا و آندره در گفتگوی Chrome Dev Summit خود به جزئیات بیشتر می‌پردازند - چه چیزهایی برای برنامه‌های وب در Play جدید است ، یا اسناد را بررسی کنید.

و بیشتر

و البته موارد بسیار بیشتری وجود دارد.

  • برای انطباق با تغییر در استاندارد HTML، تگ‌های لنگر با target="_blank" اکنون به طور پیش‌فرض به معنای rel="noopener" هستند، این به جلوگیری از حملات tab-napping کمک می‌کند.
  • اکثر سیستم عامل ها شتاب ماوس را به طور پیش فرض فعال می کنند، اما این می تواند برای برخی از بازی ها مشکل ساز باشد. در Chrome 88، Pointer Lock API به شما امکان می‌دهد شتاب ماوس را غیرفعال کنید . این بدان معناست که حرکت فیزیکی یکسان، آهسته یا سریع، منجر به چرخش یکسان می‌شود و تجربه بازی بهتر و دقت بالاتری را ارائه می‌دهد.
  • و addEventListener اکنون یک سیگنال لغو را به عنوان یک گزینه می گیرد . فراخوانی abort() آن شنونده رویداد را حذف می‌کند و باعث می‌شود شنونده‌های رویداد در زمانی که دیگر مورد نیاز نیست خاموش شوند.

در ادامه مطلب

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

مشترک شوید

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

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