برخی از ویژگیهای جالبی را که در طول آوریل 2022 در مرورگرهای وب پایدار و بتا یافت شدند، کشف کنید.
نسخه های مرورگر پایدار
در ماه آوریل، کروم 101 و فایرفاکس 99 پایدار شدند. پس از برش باپر ویژگیها که در ماه گذشته فرود آمد، در ماه آوریل کمی ساکتتر بود، اما چند چیز جالب برای ما پیدا شد.
Chrome 101 شامل نماد رنگی hwb است. این رنگ را با توجه به رنگ، سفیدی و سیاهی آن مشخص می کند. مانند سایر نمادهای رنگی، یک جزء آلفا اختیاری کدورت را مشخص می کند.
h1 {
color: hwb(194 0% 0% / .5) /* #00c3ff with 50% opacity */
}
برای کسب اطلاعات بیشتر در مورد hwb()
، این مقاله توسط استفان جودیس را بخوانید: hwb() – نماد رنگی برای انسان ها؟ .
همچنین در کروم 101 قابلیت Fetch Priority وجود دارد. این به شما راهی می دهد تا با استفاده از ویژگی fetchpriority
، به مرورگر اشاره کنید که منابع سفارش باید در آن دانلود شوند. در مثال زیر، یک تصویر با اولویت پایین با fetchpriority="low"
نشان داده شده است.
<img src="/images/in_viewport_but_not_important.svg" fetchpriority="low" alt="I'm an unimportant image!">
«اولویت واکشی» هنوز در سایر مرورگرها در دسترس نیست، با این حال میتوانید از همین الان استفاده از آنها را شروع کنید تا برای هرکسی که مرورگری مبتنی بر Chromium 101 دارد، از آن بهره ببرید.
فایرفاکس 99 دارای ویژگی pdfViewerEnabled
رابط Navigator است. این ویژگی نشان می دهد که آیا مرورگر از نمایش درون خطی فایل های PDF پشتیبانی می کند یا خیر.
if (!navigator.pdfViewerEnabled) {
// The browser does not support inline viewing of PDF files.
}
مرورگر بتا منتشر شد
نسخه های مرورگر بتا پیش نمایشی از مواردی را که در نسخه پایدار بعدی مرورگر وجود خواهند داشت، به شما ارائه می دهند. زمان بسیار خوبی برای آزمایش ویژگیهای جدید یا حذفهایی است که میتواند بر سایت شما تأثیر بگذارد، قبل از اینکه جهان آن نسخه را دریافت کند.
نسخه های بتا جدید در ماه آوریل کروم 102 ، فایرفاکس 100 و سافاری 15.5 بودند.
نسخههای پیشنمایش Chrome 102، Safari 15.5 و Firefox شامل ویژگی inert
هستند. اگر عناصری غیرتعاملی باشند، از ترتیب برگه ها و درخت دسترسی حذف می شود. به عنوان مثال، عنصری که در حال حاضر خارج از صفحه یا پنهان است.
Chrome 102 شامل مقدار جدید until-found
برای ویژگی hidden
HTML یافت می شود. این امکان یافتن در صفحه و اسکرول به قطعه متن را در متنی که در داخل یک ناحیه جمعشده از صفحه است، میسازد، همانطور که ممکن است در الگوی آکاردئونی پیدا کنید. در پست دسترسی به محتوای جمعشده با hidden=until-found بیشتر بیاموزید.
Chrome 102 همچنین شامل Local Font Access API است که امکان دسترسی به فونتهای نصب شده محلی کاربر را فراهم میکند.
این ویژگی های بتا به زودی در مرورگرهای پایدار قرار خواهند گرفت.
بخشی از سری جدید به وب