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

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

Rachel Andrew

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

در ژوئن 2024، فایرفاکس 127 و کروم 126 پایدار شدند. این پست به ویژگی های جدید اضافه شده به پلتفرم وب می پردازد.

توجه: داده‌های سازگاری مرورگر استخراج‌شده از MDN در این پست‌ها گنجانده شده است و ممکن است هنوز برای نسخه‌های اخیر مرورگر به‌روزرسانی نشده باشد. این پست به محض اینکه در نسخه مرورگر-compat-data ظاهر شد، اطلاعات صحیح را نشان خواهد داد.

روش های تنظیم جاوا اسکریپت

مجموعه ها یک ساختار داده ضروری در هر زبان برنامه نویسی هستند. اکنون می توانید از متدهای داخلی جاوا اسکریپت برای انجام عملیات مجموعه استفاده کنید. روش‌های مجموعه زیر اکنون از فایرفاکس 127 در دسترس است و بخشی از Baseline Newly Available شد:

• intersection()
• union()
• difference()
• symmetricDifference()
• isSubsetOf()
• isSupersetOf()
• isDisjointFrom()

پشتیبانی مرورگر

• 122
• 122
• 127
• 17

منبع

برای کسب اطلاعات بیشتر بخوانید روش‌های مجموعه جاوا اسکریپت اکنون بخشی از Baseline هستند .

Async Clipboard API

Clipboard API اکنون به طور کامل از فایرفاکس 127 پشتیبانی می شود. فایرفاکس اکنون از رابط ClipboardItem ، همراه با روش های read() و write() رابط Clipboard پشتیبانی می کند. در رفع انسداد دسترسی به کلیپ‌بورد درباره Clipboard API بیشتر بیاموزید.

پشتیبانی مرورگر

• 76
• 79
• 127
• 13.1

منبع

درون یابی رنگ در گرادیان های CSS

گرادیان‌های CSS برای پذیرش <color-interpolation-method> مشخص شده‌اند، و این اکنون در فایرفاکس پشتیبانی می‌شود، و باعث می‌شود که در تمام موتورهای اصلی قابل اجرا باشد. برای مثال، اکنون می توانید با استفاده از سیستم رنگی hsl و درون یابی طولانی تر، یک linear-gradient() مشخص کنید.

.longer {
  background: linear-gradient(90deg in hsl longer hue, red, blue);
}

پشتیبانی مرورگر

• 111
• 111
• 127
• 16.2

انتقال نمای بین اسناد

قبلاً برای استفاده از View Transitions API مجبور بودید وب سایت خود را مجدداً در یک SPA معماری کنید. موضوع دیگه این نیست. از Chrome 126، انتقال‌های مشاهده اکنون به‌طور پیش‌فرض برای پیمایش‌های با مبدأ یکسان فعال هستند. شما می توانید یک انتقال نمای بین دو سند متفاوت با منبع مشابه ایجاد کنید.

برای فعال کردن یک انتقال نمای متقاطع، هر دو طرف باید شرکت کنند. برای انجام این کار، از @view-transition at-rule استفاده کنید و توصیفگر پیمایش را روی auto تنظیم کنید.

@view-transition {
  navigation: auto;
}

پشتیبانی مرورگر

• 126
• 126
• ایکس
• ایکس

منبع

در اسناد انتقال نمای بین اسناد بیشتر بیاموزید.

پسوند Gamepad API trigger-rumble

Chrome 126 رابط GamepadHapticActuator را گسترش می دهد تا قابلیت trigger-rumble در وب برای گیم پدهای سازگار نشان دهد. این افزونه به برنامه‌های کاربردی وب که از Gamepad API بهره می‌برند اجازه می‌دهد تا محرک‌های دستگاه‌های گیم‌پد مجهز به این قابلیت را نیز به لرزه درآورند.

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

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

Safari 17.6 نسخه ای از اصلاحات برای ویژگی های موجود است. Safari 18 دارای تعدادی ویژگی جدید هیجان‌انگیز از جمله درخواست‌های کانتینر سبک، API انتقال view برای برنامه‌های تک صفحه‌ای و پشتیبانی از کلمه کلیدی safe در ویژگی‌های flexbox است.

Chrome 127 شامل ویژگی CSS font-size-adjust ، امکان تعیین متن جایگزین در محتوای تولید شده به عنوان تعداد دلخواه از عناصر، و امکان افزودن اطلاعات هر فصل در MediaMetaData است.

فایرفاکس 128 دارای ویژگی ها و مقادیر CSS است که این ویژگی را به تازگی در دسترس قرار داده است. از @property برای تعریف یک type و تنظیم مقدار بازگشتی برای خصوصیات سفارشی CSS استفاده کنید.