ما تیمی از مهندسان و ارتباط‌دهنده‌ها هستیم که مقالات و نمونه‌های کد مانند اصول وب سایت و پورتال جدید web.dev را تولید می‌کنیم. همچنین می‌توانید کارهای ما را در کانال YouTube ما دنبال کنید و فراموش نکنید که ما را در @ChromiumDev دنبال کنید :)
فوریه ماه کوتاهی است اما ما قطعاً از نظر محتوا کم نداریم. بیایید با انتشارهای بزرگ از تیم شروع کنیم.
منتشر شده
جعبه کار
Workbox 4.0 چند workbox-window پیش منتشر شد . برای کسانی از شما که قبلاً از جعبه کاری استفاده می‌کنید، راهنمای انتقال نسخه 3 به نسخه 4 را بررسی کنید. آیا نمی دانید چگونه می توانید از Workbox در پروژه موجود خود استفاده کنید؟ در اینجا راهنمای استفاده از آنها با بسته‌های انتخابی شما است. مطمئن نیستید که جعبه کاری به حل چه مشکلی کمک می کند؟ این مصاحبه را در مورد کارکنان خدماتی در نمایش وضعیت وب بررسی کنید.
lit-html و LitElement
تیم پروژه پلیمر مشغول کار بر روی انتشار پایدار lit-html و LitElement - دو کتابخانه توسعه وب نسل بعدی است. آیا می خواهید آنها را امتحان کنید؟ با راهنمای LitElement امتحان کنید📝 شروع کنید
فعالیت های وب مورد اعتماد
با انتشار کروم 72، فعالیت وب مورد اعتماد (TWA) وارد بازار شد! TWA به شما امکان می‌دهد Chrome تمام صفحه را در داخل یک Android Activity داشته باشید، به این معنی که می‌توانید محتوای وب خود را به حوزه برنامه وارد کنید.
بعدش چی میاد
با انتشار پایدار Chrome 73 در افق ( 12 مارس )، ما ویژگی های هیجان انگیز زیادی برای پوشش داریم!
V8 - موتور جاوا اسکریپت Chrome دارای تعداد زیادی به روز رسانی از جمله Object.fromEntries و String.prototype.matchAll است. یادداشت انتشار v8 را بررسی کنید.
با صدا و تصویر در وب کار می کنید؟ پشتیبانی از کلیدهای رسانه‌ای سخت‌افزاری اینجاست و «پرش از آگهی» در پنجره «تصویر در تصویر» اکنون در مرحله آزمایشی اصلی است! برای اطلاعات بیشتر ، به‌روزرسانی‌های صوتی/تصویری در Chrome 73 را بررسی کنید.
در مورد آزمایش اولیه صحبت می کنیم، برای اولویت واکشی با اولویت واکشی آماده شوید ، توسعه دهندگان می توانند اهمیت عنصر <script> ، <img> ، یا <link> را تعیین کنند تا به مرورگر نحوه بارگیری آنها را ارائه دهند. این هنوز یک ویژگی آزمایشی است، بنابراین لطفاً امتحان کنید و بازخورد ارسال کنید!
اجرای رندر همیشه در ذهن ماست. در Chrome 73، شنوندگان wheel و mousewheel ثبت‌شده در اهداف ریشه (پنجره، سند یا بدنه) به طور پیش‌فرض شنونده‌های غیرفعال خواهند بود که به‌طور پیش‌فرض اسکرول سریع چرخ را ارائه می‌کنند.
همانطور که به ویژگی‌های جدید سلام می‌کنیم، باید خداحافظی کنیم، بنابراین حتماً موارد منسوخ و حذف را برای Chrome 73 نیز بررسی کنید!
توسعه جدید
در اینجا چند مورد دیگر وجود دارد که ما روی آنها کار کرده ایم که به مرورگر نزدیک شما ضربه می زنند.
برای کمک به جلوگیری از اسکریپت بین سایتی، در حال توسعه یک API جدید به نام Trusted Types هستیم . انتخاب انواع مورد اعتماد (از طریق خط‌مشی امنیت محتوا) سند را از تزریق DOM قفل می‌کند. ما در حال کار بر روی ارائه نمونه‌های کد و راهنماهای بیشتری در این زمینه هستیم، اما در عین حال، لطفاً برای امتحان کردن آن ، درباره Trusted Types بیشتر بخوانید .
زدن دکمه عقب و جلو در کروم ممکن است به زودی بسیار سریع باشد! ما در حال بررسی یک کش جدید به عقب/ جلو برای ذخیره کردن صفحات در حافظه زمانی هستیم که کاربر از آن خارج می شود. توضیح دهنده و نمونه اولیه bfcache را در این پست بررسی کنید.
در نهایت، Intersection Observer v2 ایده ردیابی "قابلیت دید" واقعی یک هدف را معرفی می کند.
چیزی که ما با آن سرهم می کنیم
کار ما به ویژگی های مرورگر ختم نمی شود! ما همچنین به عملکرد برنامه های وب نگاه می کنیم، برنامه های وب می سازیم، و به راه های مختلفی برای کمک به توسعه دهندگان وب در همه جا فکر می کنیم. در اینجا برخی از چیزهایی است که ما در این ماه با آنها سر و صدا کرده ایم.
- رندر در وب
- اولویت های بارگیری جاوا اسکریپت در کروم
- واردات بزرگ از پروژه های جاوا اسکریپت را مجاز نکنید
- هدف اشتراک وب فایل
- جایگزین کردن یک مسیر داغ در جاوا اسکریپت برنامه شما با WebAssembly
- صفحات سبک ساختنی: سبک های قابل استفاده مجدد بدون درز
- واکنش پیشرونده
- مشکلات عملکرد ویترین فروشگاه اینترنتی
ویدیوها و پادکست های جدید
مارتین در حال راه اندازی یک سری جدید به نام جاوا اسکریپت SEO است، قسمت اول در مورد چگونگی نمایه سازی سایت های جاوا اسکریپت توسط جستجوی گوگل است! مگین اخیراً در یک جلسه بازتاب هایی را در مورد پروژه web.dev ارائه کرد. جیک و سورما با قسمت جدید پادکست HTTP203 بازگشته‌اند که در مورد آزمایش چرخش تصویر بحث می‌کند .
ما همچنین نمایش‌های منظمی مانند "New in Chrome" ، "What's New in DevTools" و "The State of the Web" در کانال YouTube خود داریم.
فریاد ویژه
آیا نمونه های عروسک گردان را دیده اید؟ ممکن است آن را از توییت اریک بیدلمن "📯 12 روز عروسکی 🤹🏻♂️🎁" در سال گذشته دیده باشید. این مجموعه ای عالی از نمونه کد Puppeteer است که به شما امکان می دهد خلاقانه درباره کارهایی که می توانید با مرورگر انجام دهید فکر کنید. شما باید آنها را بررسی کنید!
(با آرزوی موفقیت برای تلاش جدیدت اریک! دلمان برایت تنگ خواهد شد!!)
بسته شدن
اولین جمع بندی ماهانه را چگونه دوست داشتید؟ اگر از آن لذت بردید یا ایده هایی برای بهبود آن دارید، لطفاً در توییتر @kosamari به من اطلاع دهید
اگر با استفاده از ویژگی‌های معرفی‌شده در اینجا چیز جدیدی ساخته‌اید یا چیزی را در پایگاه کد خود بر اساس مقالات ما تغییر داده‌اید، حتماً به ما در @ChromiumDev اطلاع دهید.
در ماه مارس، چند نفر از ما به هند رفتیم تا در مورد تجربه وب موبایل در آنجا بیشتر بیاموزیم ✈️ مشتاقانه منتظر به اشتراک گذاشتن آنچه در آنجا می آموزیم!
ماه آینده میبینمت👋