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

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

تاریخ انتشار: 30 ژوئن 2025

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

در ژوئن 2025 فایرفاکس 140 و کروم 138 پایدار شدند. این پست به ویژگی های جدید اضافه شده به پلتفرم وب با این نسخه ها می پردازد.

فرار < و > در ویژگی ها هنگام سریال سازی HTML

هر دو کروم 138 و فایرفاکس 140 این تغییر را برای جلوگیری از سوء استفاده هایی که در آن HTML سریالی می شود و سپس دوباره به DOM تزریق می شود، شامل می شود. این تغییر در نسخه بتا برای Safari 26 نیز گنجانده شده است. درباره دلیل نیاز به این تغییر بیشتر بدانید .

CSS Custom Highlight API

فایرفاکس 140 CSS Custom Highlight API را پیاده سازی می کند. این به شما امکان می‌دهد محدوده‌های متن دلخواه را در یک سند، شبیه به سایر عناصر شبه برجسته CSS مانند ::grammar-error تعریف کرده و به آن استایل دهید.

Browser Support

  • کروم: 105.
  • لبه: 105.
  • فایرفاکس: 140.
  • سافاری: 17.2.

Source

علاوه بر API جاوا اسکریپت، این کار شامل شبه عنصر CSS ::highlight که برای اعمال سبک ها به برجسته ثبت شده استفاده می شود. در حالی که این ویژگی در حال حاضر به طور گسترده قابل تعامل است، برخی از مشکلات مربوط به عنصر شبه ::highlight باعث می شود که هنوز کاملاً پایه نباشد.

Cookie Store API یک API ناهمزمان برای مدیریت کوکی‌ها است و از فایرفاکس 140 پشتیبانی می‌شود. در حال حاضر پشتیبانی اولیه از این API در همه مرورگرها وجود دارد، با این حال نمودار سازگاری را در MDN برای اطلاعات در مورد قطعاتی که هنوز قابل همکاری نیستند بررسی کنید.

Browser Support

  • کروم: 87.
  • لبه: 87.
  • فایرفاکس: 140.
  • سافاری: 18.4.

Source

حذف رویدادهای جهش

Interop 2025 شامل حذف امسال است. رویدادهای جهش قدیمی مانند DOMSubtreeModified ، DOMNodeInserted ، و DOMNodeRemoved تغییرات را در DOM مشاهده می‌کنند و هنگامی که تغییرات DOM رخ می‌دهد، یک تماس شنونده رویداد اجرا می‌کنند. این رویدادهای جهش به نفع API MutationObserver که عملکرد بیشتری دارد و کمتر مستعد خطا است، منسوخ شد.

فایرفاکس 140 این رویدادها را که قبلاً از کروم حذف شده اند حذف می کند.

Browser Support

  • کروم: پشتیبانی نمی شود.
  • لبه: پشتیبانی نمی شود.
  • فایرفاکس: 1.
  • سافاری: 1.

Source

توابع CSS در کروم 138

Chrome 138 شامل مجموعه کاملی از توابع CSS است، برخی از آنها برای پلتفرم جدید هستند، برخی دیگر با گنجاندن آنها در کروم تبدیل به Baseline می شوند.

توابع مرتبط با علامت abs() و sign() تبدیل به Baseline شدند که به تازگی با Chrome 138 در دسترس هستند.

Browser Support

  • کروم: پشتیبانی نمی شود.
  • لبه: پشتیبانی نمی شود.
  • فایرفاکس: 118.
  • سافاری: 15.4.

Source

تابع درون یابی — progress() جدید در این پلتفرم است.

Chrome 138 همچنین شامل sibling-index() و sibling-count() است. اینها را می توان به عنوان اعداد صحیح در مقادیر ویژگی CSS برای استایل دادن به عناصر بر اساس موقعیت آنها در بین خواهر و برادرها یا تعداد کل خواهر و برادرها به ترتیب استفاده کرد.

APIهای AI داخلی برای ترجمه، تشخیص زبان و خلاصه سازی

Chrome 138 شامل سه API جاوا اسکریپت AI داخلی است. API های مترجم و آشکارساز زبان به شما امکان می دهند زبانی را که متن به آن نوشته شده است شناسایی کنید و آن متن را به زبان های مختلف ترجمه کنید. آنها از مدل هوش مصنوعی داخلی مرورگر خود استفاده می کنند و این کار را روی دستگاه انجام می دهند.

Browser Support

  • کروم: 138.
  • لبه: پشتیبانی نمی شود.
  • فایرفاکس: پشتیبانی نمی شود.
  • سافاری: پشتیبانی نمی شود.

Summarizer API متن را خلاصه می کند، دوباره روی دستگاه با استفاده از مدل هوش مصنوعی داخلی مرورگر.

Browser Support

  • کروم: 138.
  • لبه: پشت پرچم.
  • فایرفاکس: پشتیبانی نمی شود.
  • سافاری: پشتیبانی نمی شود.

پشتیبانی از جهت گیری فریم ویدیو در WebCodecs

Chrome 138 همچنین مقادیر rotation: int و flip: bool به رابط‌های مختلف مرتبط با ویدیو در WebCodec اضافه می‌کند تا توسعه‌دهندگان بتوانند با منابع فریمی که جهت‌گیری دارند کار کنند.

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

نسخه های مرورگر بتا پیش نمایشی از مواردی را که در نسخه پایدار بعدی مرورگر وجود خواهند داشت، به شما ارائه می دهند. زمان بسیار خوبی برای آزمایش ویژگی‌های جدید یا حذف‌هایی است که می‌تواند بر سایت شما تأثیر بگذارد، قبل از اینکه جهان آن نسخه را دریافت کند. نسخه های بتا جدید فایرفاکس 141 ، سافاری 26 و کروم 139 هستند.

Safari 26 وعده داده است که یک نسخه پر ویژگی برای مرورگر باشد. برای CSS شامل پشتیبانی از overflow-block و overflow-inline ، انیمیشن های اسکرول محور، موقعیت یابی لنگر، عملکرد CSS progress() و بسیاری موارد دیگر است. همچنین از AudioEncoder و AudioDecoder API، URLPattern API، Digital Credentials API، Trusted Types و WebAuthn Signal API پشتیبانی می شود.

Chrome 139 شامل توابع سفارشی CSS، شکل دادن به گوشه و ویژگی caret-animation است. همچنین شامل API Web Speech On-Device، پسوندهای دامنه برنامه وب، و دستور درخواست request-close است.

فایرفاکس 141 آرگومان options.source را برای showPopover() و togglePopover() اضافه می کند تا رابطه ای بین popover و invoker آن برقرار کند. همچنین شامل پشتیبانی از ویژگی CSS font-variant-emoji است.