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

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

در آوریل 2023، فایرفاکس 112 و کروم 112 پایدار شدند. بیایید نگاهی بیندازیم که این به چه معناست برای پلتفرم وب.

فایرفاکس 112 شامل ویژگی جهانی inert . این ویژگی به مرورگر می‌گوید که عنصر را نادیده بگیرد و محتوایی را نشان می‌دهد که نباید تعاملی باشد. آن:

  • از فعال شدن رویدادهای click جلوگیری می کند.
  • از به دست آوردن تمرکز عنصر جلوگیری می کند.
  • عنصر و محتویات آن را از درخت دسترسی حذف می کند.

این ویژگی اکنون در هر سه موتور قابل همکاری است.

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

  • کروم: 102.
  • لبه: 102.
  • فایرفاکس: 112.
  • سافاری: 15.5.

منبع

تابع easing linear()

تابع easing linear() درون یابی خطی را بین تعدادی نقطه امکان پذیر می کند. این کار انیمیشن های پیچیده تری مانند جهش و جلوه های الاستیک را امکان پذیر می کند. این تابع در فایرفاکس 112 است.

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

  • کروم: 113.
  • لبه: 113.
  • فایرفاکس: 112.
  • سافاری: 17.2.

تودرتو CSS

Chrome 112 پشتیبانی از CSS Nesting را اضافه می کند، ویژگی که توسط بسیاری از توسعه دهندگان بسیار مورد انتظار است. این یک انتخابگر تودرتو جدید را معرفی می‌کند > برای تودرتو کردن قوانین سبک مرتبط استفاده می‌شود، به گونه‌ای که برای توسعه‌دهندگانی که از پیش پردازشگرها استفاده کرده‌اند آشنا خواهد بود:

.nesting {
  color: hotpink;

  > .is {
    color: rebeccapurple;

    > .awesome {
      color: deeppink;
    }
  }
}

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

  • کروم: 120.
  • لبه: 120.
  • فایرفاکس: 117.
  • سافاری: 17.2.

منبع

animation-composition CSS

Chrome 112 همچنین شامل پشتیبانی از animation-composition است. نحوه کار این ویژگی را در مشخص کنید که چگونه جلوه های انیمیشن چندگانه باید با animation-composition ترکیب شوند .

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

  • کروم: 112.
  • لبه: 112.
  • فایرفاکس: 115.
  • سافاری: 16.

منبع

حالت بدون سر جدید

اگر از حالت Headless Chrome استفاده می‌کنید، برای مثال با Puppeteer، 112 یک حالت کاملاً جدید Headless را ارائه می‌کند. در مورد آن در Chrome's Headless Mode ارتقا پیدا می کند .

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

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

فایرفاکس 113 شامل توابع color() ، lab() ، lch() ، oklab() و oklch() می باشد. همچنین تابع color-mix() از CSS Color 5 و ویژگی forced-color-adjust است.

فایرفاکس همچنین شامل nth-child of <selector> است که کنترل دقیق تری از عناصری را که می خواهید انتخاب کنید، می دهد. در کنترل بیشتر بر انتخاب های :nth-child() با دستور S بیشتر بخوانید.

برای CSS، Chrome 113 شامل ویژگی‌های رسانه overflow-inline ، overflow-block و update است. همچنین در تابع easing linear() و نوع unprefixed image-set() گنجانده شده است.

Chrome 113 همچنین شامل WebGPU است، جانشین APIهای گرافیکی WebGL و WebGL 2 برای وب. این ویژگی‌های مدرن مانند محاسبات GPU، دسترسی سربار کمتر به سخت‌افزار GPU، توانایی رندر کردن چندین بوم از یک دستگاه گرافیکی، و عملکرد بهتر و قابل پیش‌بینی‌تر را ارائه می‌کند.

بخشی از سری جدید به وب