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

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

راشل اندرو

تاریخ انتشار: 1 اکتبر 2025

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

کروم 140 ، کروم 141 ، سافاری 26 و فایرفاکس 143 که در ماه سپتامبر به صورت پایدار منتشر شدند، این پست نگاهی دارد به ماه بسیار هیجان انگیزی برای پلتفرم وب.

ویژگی های جدید CSS در سافاری 26

در آخرین نسخه Safari چیزهای زیادی برای دیدن وجود دارد، یک نوشته جامع در ویژگی های WebKit در Safari 26.0 وجود دارد. برخی از برجسته‌ترین ویژگی‌های CSS شامل ویژگی‌های زیر است.

موقعیت لنگر

به عنوان بخشی از Interop 2025، سافاری پشتیبانی از موقعیت یابی لنگر CSS را ارسال کرده است. این به شما امکان می دهد عناصر را به یک لنگر متصل کنید، و به ویژه هنگامی که با پاپاور ترکیب می شود مفید است.

Browser Support

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

Source

text-wrap: pretty

ارزش pretty text-wrap از مرورگر می‌خواهد تایپوگرافی را بهبود بخشد - به عنوان مثال، کاهش تأثیر لبه‌های ناهموار و رودخانه‌های تایپوگرافیک و جلوگیری از کوتاه‌ترین خطوط.

Browser Support

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

Source

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

سافاری همچنین از انیمیشن‌های اسکرول‌محور پشتیبانی می‌کند و به شما امکان می‌دهد انیمیشن‌ها را به میزانی که کاربر پیمایش کرده است، ببندید.

Browser Support

  • کروم: 115.
  • لبه: 115.
  • فایرفاکس: پشت پرچم
  • سافاری: 26.

Source

مقادیر و توابع جدید

سافاری اولین مرورگری است که از تابع contrast-color() پشتیبانی می‌کند و به شما راهی می‌دهد تا از مرورگر بخواهید رنگی را که بیشترین کنتراست را در مقابل رنگ دیگری دارد انتخاب کند.

Browser Support

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

Source

تابع ریاضی progress() عددی را نشان می دهد که پیشرفت بین دو مقدار دیگر را نشان می دهد.

Browser Support

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

ویژگی‌های align-self و justify-self برای موقعیت‌یابی مطلق اکنون پشتیبانی می‌شوند.

Browser Support

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

ویژگی های منطقی overflow-block و overflow-inline پشتیبانی می شوند و می توانند به جای overflow-x و overflow-y استفاده شوند.

Browser Support

  • کروم: 135.
  • لبه: 135.
  • فایرفاکس: 69.
  • سافاری: 26.

Source

سافاری همچنین اکنون از margin-trim پشتیبانی می کند.

Browser Support

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

Source

شبه عنصر ::details-content

فایرفاکس 143 پشتیبانی از ::details-content را اضافه می کند، این به شما امکان می دهد محتوای عنصر <details> را استایل دهید.

Browser Support

  • کروم: 131.
  • لبه: 131.
  • فایرفاکس: 143.
  • سافاری: 18.4.

Source

پشتیبانی از نشانگرهای یک ظاهر طراحی شده ایجاد شده با محتوای تولید شده

فایرفاکس 143 همچنین از انتخابگرهای ::before::marker و ::after::marker پشتیبانی می کند. اینها به شما اجازه می دهند وقتی یک ::marker با استفاده از شبه عنصر ::before یا ::after ایجاد شد، استایل دهید.

Browser Support

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

Digital Credentials API

Safari 26 و Chrome 141 شامل پشتیبانی از Digital Credentials API هستند. این به وب‌سایت‌ها این امکان را می‌دهد که به‌طور انتخابی از طریق اعتبار دیجیتالی مانند گواهینامه رانندگی یا کارت شناسایی ملی ذخیره شده در کیف پول دیجیتال، اطلاعات قابل تأییدی درباره کاربر درخواست کنند.

Browser Support

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

URL Pattern API به Baseline تبدیل می‌شود و به تازگی در دسترس است

URL Pattern API به شما امکان می دهد از استاندارد الگوی URL برای مطابقت با URL ها با استفاده از عبارات منظم استفاده کنید. در سافاری 26 ارسال شد و اکنون به تازگی در دسترس است.

Browser Support

  • کروم: 95.
  • لبه: 95.
  • فایرفاکس: 142.
  • سافاری: 26.

Source

Uint8Array به و از base64 و hex اکنون Baseline به تازگی در دسترس است

Base64 یک روش رایج برای نمایش داده های باینری دلخواه به عنوان ASCII است. جاوا اسکریپت دارای Uint8Arrays برای داده های باینری است. با این حال، فاقد مکانیزم داخلی برای رمزگذاری آن داده ها به عنوان base64، یا گرفتن داده های base64 و تولید Uint8Array مربوطه است. این ویژگی توانایی و روش های تبدیل بین رشته های هگز و Uint8Arrays را اضافه می کند. با Chrome 140، به تازگی در دسترس است.

Browser Support

  • کروم: 140.
  • لبه: 140.
  • فایرفاکس: 133.
  • سافاری: 18.2.

Source

ویژگی caret-animation

ویژگی CSS caret-animation در Chrome 140 ارسال شده است و دارای دو مقدار ممکن است: auto و manual . auto به معنای پیش فرض مرورگر (چشمک می زند) و manual به این معنی است که توسعه دهنده انیمیشن caret را کنترل می کند. علاوه بر این، کاربرانی که با چشمک زدن یا چشمک زدن تصاویر تصویری ناراحت هستند یا واکنش‌های نامطلوبی به آنها نشان می‌دهد، می‌توانند چشمک زدن را با صفحه سبک کاربر غیرفعال کنند.

Browser Support

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

Source

ARIA Notify API

از Chrome 141، ariaNotify یک API جاوا اسکریپت ارائه می‌کند که به نویسندگان محتوا اجازه می‌دهد به صفحه‌خوان بگویند چه چیزی بخواند. این قابلیت اطمینان و کنترل توسعه‌دهنده را در مقایسه با مناطق زنده ARIA بهبود می‌بخشد و امکان اعلام تغییراتی را که به به‌روزرسانی‌های DOM مرتبط نیستند، می‌دهد.

IndexedDB getAllRecords() و گزینه direction برای getAll() و getAllKeys()

این ویژگی در Chrome 141 متد getAllRecords() به IndexedDB IDBObjectStore و IDBIndex اضافه می‌کند. همچنین یک پارامتر جهت به getAll() و getAllKeys() اضافه می کند. این قابلیت به الگوهای خواندن خاصی اجازه می دهد در مقایسه با جایگزین موجود تکرار با مکان نما، سریعتر باشند.

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

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

Safari 26.1 عمدتاً یک نسخه رفع اشکال است و در میان سایر تغییرات، اصلاحات مربوط به موقعیت لنگر را نیز دارد. فایرفاکس 144 انتقال مشاهده را برای برنامه های تک صفحه ای (SPA) ارسال می کند. این یکی از مناطق تمرکز Interop 2025 است و به این معنی است که این ویژگی به تازگی در دسترس قرار می گیرد.

همچنین در فایرفاکس 144 متد moveBefore() در رابط های Element ، DocumentFragment و Document گنجانده شده است. این به شما امکان می دهد یک عنصر فرزند فوری شی را قبل از یکی دیگر از عناصر فرزند آن جابه جا کنید.