جدید به پلت فرم وب در ماه جولای

برخی از ویژگی های جالبی را که در طول ژوئیه 2023 در مرورگرهای وب پایدار و بتا یافت شدند، کشف کنید.

Rachel Andrew

نسخه های مرورگر پایدار

در جولای 2023 فایرفاکس 115 و کروم 115 پایدار شدند. این پست به معنای آن برای پلتفرم وب نگاهی می‌اندازد.

چندین مقدار برای ویژگی display CSS

Chrome 115 شامل چندین مقدار برای ویژگی display CSS است. این بدان معنی است که display: flex به display: block flex و display: block به display: block flow . مقادیر منفرد به عنوان کلمات کلیدی قدیمی حفظ می شوند، این مقادیر اکنون در سه موتور اصلی موجود هستند.

انیمیشن های اسکرول محور

همچنین در Chrome 115 افزونه های ScrollTimeline و ViewTimeline به مشخصات Web Animations وجود دارد. اینها انیمیشن های اسکرول را از طریق CSS و جاوا اسکریپت فعال می کنند.

APIهای Sandbox Privacy

APIهای مربوط به Sandbox حریم خصوصی و اندازه‌گیری در Chrome 115 ارسال شده‌اند. این شامل موضوعات، مخاطبین محافظت‌شده، گزارش‌های ارجاع، تجمیع خصوصی، فضای ذخیره‌سازی مشترک و قاب‌های حصاردار می‌شود.

برای درک بیشتر در مورد این APIها ، دموی Privacy Sandbox را بررسی کنید.

ویژگی animation-composition

فایرفاکس 115 از ویژگی CSS animation-composition پشتیبانی می کند. ساخت animation-composition در هر سه موتور اصلی پشتیبانی می شود. در مقاله بیشتر بدانید مشخص کنید که چگونه جلوه های انیمیشن چندگانه باید با animation-composition ترکیب شوند .

روش های آرایه

همچنین دستیابی به قابلیت همکاری با فایرفاکس 115 مجموعه ای از روش ها برای Array و TypedArray هستند. Array.toReversed() ، Array.toSorted() ، Array.toSpliced() ، Array.with() ، TypedArrays.toReversed() ، TypedArrays.toSorted() و TypedArrays.with() آرایه جدیدی را با عناصری برمی گردانند کم عمق کپی شده است

مرورگر بتا منتشر شد

نسخه های مرورگر بتا پیش نمایشی از مواردی را که در نسخه پایدار بعدی مرورگر وجود خواهند داشت، به شما ارائه می دهند. زمان بسیار خوبی برای آزمایش ویژگی‌های جدید یا حذف‌هایی است که می‌تواند بر سایت شما تأثیر بگذارد، قبل از اینکه جهان آن نسخه را دریافت کند. نسخه های بتا جدید فایرفاکس 116 و کروم 116 هستند. نسخه‌های بتا Safari 17 و Safari 16.6 همچنان ادامه دارند. این نسخه ها ویژگی های بسیار خوبی را برای پلتفرم به ارمغان می آورند. یادداشت های انتشار را برای همه جزئیات بررسی کنید، در اینجا فقط چند نکته برجسته وجود دارد.

فایرفاکس 116 از Audio Output Devices API در همه پلتفرم ها به جز اندروید پشتیبانی می کند. این API به برنامه‌های کاربردی وب اجازه می‌دهد تا به جای استفاده از مرورگر یا پیش‌فرض سیستم‌عامل، خروجی صدا را به هدست بلوتوث، بلندگوی مجاز یا دستگاه دیگری هدایت کنند.

Chrome 116 شامل CSS Motion Path است که به هر شیء گرافیکی اجازه می‌دهد آن را در مسیری که توسط توسعه‌دهنده مشخص شده متحرک شود. این امکان تعدادی از احتمالات تبدیل قدرتمند جدید را فراهم می کند، مانند موقعیت یابی با استفاده از مختصات قطبی (با تابع ray() ) به جای مختصات مستطیلی استاندارد که توسط تابع translate() استفاده می شود، یا متحرک سازی یک عنصر در طول یک مسیر تعریف شده. این باعث می‌شود که انتقال‌های فضایی پیچیده و زیبای دوبعدی را آسان‌تر تعریف کنیم. یک مسیر را می توان به صورت circle() ، ellipse() ، rect() ، inset() ، xywh() ، polygon() ، ray() و url() مشخص کرد.

همچنین در Chrome 116 API تصویر در تصویر سند وجود دارد. این یک پنجره همیشه در بالا را فعال می کند که می تواند با عناصر HTML دلخواه پر شود. این یک توسعه بر روی HTMLVideoElement API موجود است که فقط اجازه می دهد تا یک HTMLVideoElement در یک پنجره Picture-in-Picture (PiP) قرار گیرد.

بخشی از سری جدید به وب