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

برخی از ویژگی‌های جالبی که در اکتبر ۲۰۲۵ به مرورگرهای وب پایدار و بتا اضافه شده‌اند را کشف کنید.

Rachel Andrew

منتشر شده: ۳۰ اکتبر ۲۰۲۵

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

کروم ۱۴۲ و فایرفاکس ۱۴۴ در ماه اکتبر به نسخه پایدار منتشر شدند، این پست نگاهی به معنای این موضوع برای پلتفرم وب می‌اندازد.

رابط برنامه‌نویسی کاربردی انتقال نمایش برای برنامه‌های تک‌صفحه‌ای

فایرفاکس ۱۴۴ از انتقال نمای سند یکسان پشتیبانی می‌کند. این شامل پشتیبانی از موارد زیر می‌شود:

• شبه کلاس :active-view-transition
• ویژگی view-transition-class
• ویژگی view-transition-name
• شبه عنصر ::view-transition
• شبه عنصر ::view-transition-group()
• شبه عنصر ::view-transition-image-pair()
• شبه عنصر ::view-transition-new()
• شبه عنصر ::view-transition-old()

این باعث می‌شود انتقال‌های نمای سند یکسان به صورت خط پایه (Baseline) به تازگی در دسترس قرار گیرند .

ویژگی‌های command و commandfor در عنصر <button>

فایرفاکس ۱۴۴ از command و commandfor پشتیبانی می‌کند. می‌توانید اطلاعات بیشتر در مورد این ویژگی‌ها را در معرفی command و commandfor بیابید.

متد moveBefore()

متد moveBefore() اکنون توسط فایرفاکس در رابط‌های Element ، DocumentFragment و Document پشتیبانی می‌شود. این به شما امکان می‌دهد یک عنصر فرزند بلافصل از شیء را قبل از یکی دیگر از عناصر فرزند آن حرکت دهید، در حالی که هر دو عنصر حالت خود را حفظ می‌کنند.

برای اطلاعات بیشتر به بخش «حفظ حالت در طول جهش‌های DOM» با استفاده از moveBefore() مراجعه کنید.

شبه کلاس‌های :target-before و :target-after

کروم ۱۴۲ شبه‌کلاس‌هایی را اضافه می‌کند که نشانگرهای پیمایشی را که قبل یا بعد از نشانگر فعال (مطابق با :target-current ) در همان گروه نشانگر پیمایش قرار دارند، مطابق با ترتیب درخت مسطح، مطابقت می‌دهند:

• :target-before : با تمام نشانگرهای پیمایش که قبل از نشانگر فعال در ترتیب درخت مسطح درون گروه قرار دارند، مطابقت دارد.
• :target-after : با تمام نشانگرهای پیمایش که نشانگر فعال را در ترتیب درخت مسطح درون گروه دنبال می‌کنند، مطابقت دارد.

سینتکس محدوده برای کوئری‌های مربوط به کانتینر استایل و if()

کروم ۱۴۲ با افزودن پشتیبانی از سینتکس محدوده، کوئری‌های سبک CSS و تابع if() را بهبود بخشیده است.

این قابلیت، کوئری‌های استایل را فراتر از تطبیق دقیق مقدار (برای مثال، style(--theme: dark) ) گسترش می‌دهد. توسعه‌دهندگان می‌توانند از عملگرهای مقایسه‌ای (مانند > و < ) برای مقایسه ویژگی‌های سفارشی، مقادیر تحت‌اللفظی (برای مثال، 10px یا 25%) و مقادیر توابع جایگزینی مانند attr() و env() استفاده کنند. برای یک مقایسه معتبر، هر دو طرف باید به یک نوع داده مشابه برسند. این قابلیت به انواع عددی زیر محدود می‌شود: <length> ، <number> ، <percentage> ، <angle> ، <time> ، <frequency> و <resolution> .

فراخوانی‌کننده‌های Interest (ویژگی interestfor )

کروم ۱۴۲ همچنین یک ویژگی interestfor به عناصر <button> و <a> اضافه می‌کند. این ویژگی رفتارهای "علاقه" را به عنصر اضافه می‌کند. وقتی کاربر به عنصر علاقه نشان می‌دهد ، اقداماتی روی عنصر هدف انجام می‌شود، به عنوان مثال، نمایش یک popover.

عامل کاربر از طریق روش‌هایی مانند نگه داشتن اشاره‌گر روی عنصر، فشردن کلیدهای میانبر ویژه روی صفحه کلید یا فشار دادن طولانی مدت عنصر در صفحه‌های لمسی، تشخیص می‌دهد که چه زمانی کاربر به عنصر علاقه نشان می‌دهد. هنگامی که علاقه نشان داده می‌شود یا از بین می‌رود، یک InterestEvent روی هدف اجرا می‌شود که دارای اقدامات پیش‌فرض برای popoverها، مانند نمایش و پنهان کردن popover است.

نسخه‌های بتای مرورگر منتشر شد

نسخه‌های بتای مرورگر، پیش‌نمایشی از چیزهایی که در نسخه پایدار بعدی مرورگر وجود خواهند داشت را به شما ارائه می‌دهند. اکنون زمان بسیار خوبی برای آزمایش ویژگی‌های جدید یا حذف مواردی است که می‌توانند قبل از انتشار عمومی، سایت شما را تحت تأثیر قرار دهند. نسخه‌های بتای جدید این ماه فایرفاکس ۱۴۵ و کروم ۱۴۳ هستند و سافاری ۲۶.۱ نیز در حال انتشار است.

فایرفاکس ۱۴۵ شامل ویژگی source رابط ToggleEvent و متد استاتیک Atomics.waitAsync() است.

کروم ۱۴۵ شامل کوئری‌های کانتینر جایگزین CSS است. این مورد @container anchored(fallback) را برای استایل‌دهی به فرزندان عناصر موقعیت‌یابی‌شده با anchor بر اساس مقدار position-try-fallbacks اعمال شده، معرفی می‌کند.