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

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

راشل اندرو

منتشر شده: ۳۰ ژانویه ۲۰۲۶

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

کروم ۱۴۴ و فایرفاکس ۱۴۷ در ماه ژانویه به نسخه پایدار منتشر شدند. این پست نگاهی به ویژگی‌های جدید فراوان این ماه می‌اندازد و چندین مورد به صورت Baseline New در دسترس قرار می‌گیرند.

موقعیت‌یابی لنگر در CSS

Firefox 147 includes support for CSS Anchor Positioning, making this feature Baseline Newly available . This API lets you position elements relative to other elements, known as anchors. This is useful for tooltips, menus, and popovers, where you want an element to be positioned relative to another element on the page.

Browser Support

  • کروم: ۱۲۵.
  • لبه: ۱۲۵.
  • فایرفاکس: ۱۴۷.
  • سافاری: ۲۶.

Source

API ناوبری

همچنین در حال تبدیل شدن به پایه، API ناوبری به تازگی با فایرفاکس ۱۴۷ در دسترس است. این API روشی مدرن برای شروع، رهگیری و مدیریت ناوبری‌ها در برنامه شما ارائه می‌دهد.

Browser Support

  • کروم: ۱۰۲.
  • لبه: ۱۰۲.
  • فایرفاکس: ۱۴۷.
  • سافاری: ۲۶.۲.

Source

استایل‌دهی به بخش جستجو در صفحه با ::search-text

کروم ۱۴۴ شامل شبه‌عنصر ::search-text است. این ویژگی، استایل‌دهی نتایج جستجو با قابلیت یافتن در صفحه را به عنوان یک شبه‌عنصر هایلایت، مشابه ::selection و ::spelling-error ، در اختیار نویسندگان قرار می‌دهد. این قابلیت به شما امکان می‌دهد ظاهر نتایج جستجو را هنگامی که کاربر از قابلیت یافتن در صفحه مرورگر استفاده می‌کند، سفارشی کنید.

برای اطلاعات بیشتر به وبلاگ Igalia در بخش «طراحی برجسته‌سازی در صفحه» مراجعه کنید.

Browser Support

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

عنصر <geolocation>

کروم ۱۴۴ عنصر <geolocation> را معرفی می‌کند، یک کنترل اعلانی و فعال‌شده توسط کاربر برای دسترسی به موقعیت مکانی کاربر. این عنصر با مدیریت جریان مجوزها و ارائه مستقیم داده‌های موقعیت مکانی به سایت، سفر کاربر و توسعه‌دهنده را ساده می‌کند و اغلب نیاز به فراخوانی جداگانه API جاوا اسکریپت را از بین می‌برد.

برای کسب اطلاعات بیشتر به معرفی عنصر <geolocation> در HTML مراجعه کنید.

API زمانی

کروم ۱۴۴ شامل رابط برنامه‌نویسی کاربردی (API) تمپورال (Temporal) است. این رابط، اشیاء و توابع استانداردی را برای کار با تاریخ و زمان فراهم می‌کند. این یک افزونه‌ی مهم برای جاوا اسکریپت است که جایگزینی قوی و مدرن برای شیء Date ارائه می‌دهد.

Browser Support

  • کروم: ۱۴۴.
  • لبه: ۱۴۴.
  • فایرفاکس: ۱۳۹.
  • سافاری: پشت یک پرچم.

Source

caret-shape CSS

کروم ۱۴۴ ویژگی caret-shape را معرفی می‌کند که به شما امکان می‌دهد شکل هشتک درج متن را مشخص کنید. می‌توانید از بین auto ، bar ، block و underscore را انتخاب کنید.

Browser Support

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

Source

مشاهده پیشرفت‌های انتقال

فایرفاکس ۱۴۷ شامل شناسایی انواع انتقال نما است. این موارد مکانیزمی را فراهم می‌کنند که از طریق آن می‌توان انواع مختلفی را برای انتقال‌های نمای فعال مشخص کرد. سپس می‌توان از CSS برای اعمال انیمیشن‌ها به عناصر DOM هنگام به‌روزرسانی محتوای آنها، بسته به نوع انتقال مشخص شده، استفاده کرد. فایرفاکس ۱۴۷ فقط از انواع انتقال نمای برنامه تک صفحه‌ای (SPA) پشتیبانی می‌کند، نه از انواع انتقال نمای بین سندی.

Browser Support

  • کروم: ۱۲۵.
  • لبه: ۱۲۵.
  • فایرفاکس: ۱۴۷.
  • سافاری: ۱۸.۲.

Source

فایرفاکس اکنون از ویژگی activeViewTransition در رابط Document پشتیبانی می‌کند که شیء ViewTransition را برای انتقال فعال برمی‌گرداند.

Browser Support

  • کروم: ۱۴۲.
  • لبه: ۱۴۲.
  • فایرفاکس: ۱۴۷.
  • سافاری: ۲۶.۲.

Source

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

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

کروم ۱۴۵ شامل ویژگی text-justify برای کنترل روش‌های هم‌ترازی و بهبودهایی در طرح‌بندی چند ستونی با column-wrap و column-height . همچنین رویداد onanimationcancel را به GlobalEventHandlers می‌آورد. علاوه بر این، <select> قابل تنظیم به listboxها نیز اضافه شده است.

فایرفاکس ۱۴۸ شامل پشتیبانی از Location.ancestorOrigins است که به شما امکان می‌دهد تعیین کنید که آیا یک سند در یک <iframe> جاسازی شده است و توسط کدام سایت‌ها.