جدید در Chrome Q1 2025: CSS text-box، دسترسی به سیستم فایل برای Android، به‌روزرسانی‌های پایه و موارد دیگر!، جدید در Chrome Q1 2025: CSS text-box، دسترسی به سیستم فایل برای Android، به‌روزرسانی‌های پایه و موارد دیگر!، جدید در Chrome Q1 2025: جعبه متنی CSS، دسترسی به سیستم فایل برای Android، به‌روزرسانی‌های Baseline-CSS2 در Chrome، به‌روزرسانی‌های Baseline-C10 در Chrome5! دسترسی به سیستم برای اندروید، به‌روزرسانی‌های پایه و موارد دیگر!

Mariko Kosaka
X

مدتی گذشت! ویدیوی جدید در کروم با اطلاعاتی درباره:

من ماریکو هستم. بیایید غوطه ور شویم و ببینیم چه چیزهای جدیدی در Chrome برای سه نسخه قبلی وجود دارد.

جعبه متن CSS

ویژگی CSS text-box به شما امکان می دهد فاصله عمودی را دقیقاً با استفاده از معیارهای فونت کنترل کنید.

هر فونت فضای متفاوتی در بالا و پایین کاراکترها ایجاد می کند که اندازه عنصر را تعیین می کند.

کنترل اندازه این فضاها تاکنون غیرممکن بوده است.

عنوانی با فضای اضافی نشان داده شده است که در بالا با قیچی بریده شده و برداشته شده است.

ویژگی جدید text-box-trim اضلاع برای برش، بالا یا پایین را مشخص می کند و ویژگی text-box-edge نحوه برش را مشخص می کند. به عنوان مثال، برش در ارتفاع کلاهک، که بالای کاراکترهای بزرگ است.

شما همچنین می توانید این را با استفاده از ویژگی text-box مختصر بنویسید.

در مقاله CSS text-box-trim درباره نحوه استفاده از این ویژگی های جدید بیشتر بیاموزید.

API دسترسی به فایل سیستم

یک Node.prototype.moveBefore اولیه DOM که در Chrome 133 اضافه شده است، به شما امکان می دهد عناصر را در اطراف درخت DOM حرکت دهید، بدون اینکه حالت عنصر را بازنشانی کنید.

وقتی یک عنصر را حذف می‌کنید، سپس دوباره یک عنصر را برای جابجایی یک عنصر DOM وارد می‌کنید، وضعیت آن عنصر را بازنشانی می‌کند. با استفاده از این اولیه جدید، وضعیت یک گره حفظ می شود.

بنابراین iframe‌ها بارگذاری می‌شوند، عناصر فعال در فوکوس باقی می‌مانند، مواردی مانند پاپ‌اورها و دیالوگ‌ها باز می‌مانند، و انتقال CSS یا انیمیشن‌ها ادامه می‌یابد.

حالت حفظ روش برای جابجایی عنصر DOM

مدتی است که File System Access API در Chrome Desktop در دسترس است. این API به برنامه های وب اجازه می دهد تا با فایل های موجود در سیستم فایل محلی کاربر تعامل داشته باشند. از Chrome 132، API در Android و WebViews نیز موجود است.

برای خواندن یک فایل، با showOpenFilePicker() تماس بگیرید. این روش یک انتخابگر فایل را نشان می دهد، سپس یک دسته فایل را برمی گرداند که می توانید از آن برای خواندن فایل استفاده کنید.


let fileHandle;

btn.addEventListener('click', async () => {
  [fileHandle] = await window.showOpenFilePicker();
  // Do something with the file handle.
});

برای ذخیره یک فایل در دیسک، می‌توانید از همان دسته فایلی که قبلاً دریافت کرده‌اید استفاده کنید، یا برای دریافت یک دسته فایل جدید، با showSaveFilePicker() تماس بگیرید.

async function getNewFileHandle() {
  const options = {
    // Add options
  };
  const handle = await window.showSaveFilePicker(options);
  return handle;
}

حذف نور به عنصر <dialog> می رسد

اگر از Popover API برای ایجاد پاپ اور استفاده کرده اید، می دانید که یکی از ویژگی های خوب Popover API رفتار حذف نور است. کاربران می‌توانند روی پس‌زمینه کلیک کنند و عنصر popover بدون زدن دکمه بستن به‌طور خاص بسته می‌شود.

این قابلیت حذف نور اکنون در عنصر <dialog> نیز پشتیبانی می‌شود!

هنگامی که ویژگی closedby روی any تنظیم می کنید، می توان گفت و گو را با کلیک کردن در خارج از کادر گفتگو یا فشار دادن کلیدهای فرار رد کرد.


<dialog closedby="any">...</dialog>

این همان رفتاری است که وقتی پاپاور روی خودکار تنظیم شده است.

به روز رسانی ها در Baseline

و در اینجا خبری در مورد Baseline است

خط پایه به تازگی در دسترس است

اول، Baseline به تازگی در دسترس است، اینها ویژگی هایی هستند که اخیراً در هر چهار مرورگر اصلی ارسال شده اند.

scrollbar-gutter و scrollbar-width

با ویژگی Scrollbar-Gutter CSS می توانید فضایی را برای نوار اسکرول رزرو کنید تا از تغییرات ناخواسته چیدمان هنگام ظاهر شدن یا ناپدید شدن نوار اسکرول جلوگیری کنید. با پهنای نوار پیمایش می‌توانید نوار پیمایش باریک‌تری ایجاد کنید، یا حتی نوار اسکرول را کاملاً بدون تأثیر بر قابلیت اسکرول مخفی کنید.

ruby-align

با ویژگی ruby-align CSS می توانید تراز متن پایه یاقوت و متن حاشیه نویسی یاقوت را مشخص کنید.

Promise.try

Promise.try یک روش راحت برای مدیریت خطا برای درخواست های همزمان است. با استفاده از این، می‌توانید وقتی می‌خواهید با Promise.resolve درخواست کنید، توابع برگشت تماس را حذف کنید.

Wasm Garbage Collection و بهینه سازی تماس دم

WebAssembly اکنون از جمع آوری زباله و بهینه سازی تماس دنباله پشتیبانی می کند.

خط پایه به طور گسترده در دسترس است

آرایه findLast() و findLastIndex()

آرایه findLast() و findLastIndex() روش های بسیار مناسبی برای دریافت آیتم ها از انتهای یک آرایه هستند. این ویژگی به مدت 30 ماه توسط همه مرورگرهای اصلی پشتیبانی می شود، به این معنی که اکنون Baseline به طور گسترده در دسترس است.

ویژگی های تبدیل فردی

ویژگی‌های تبدیل فردی که به شما کنترل دانه‌بندی دقیق‌تری بر تبدیل‌های CSS می‌دهد، اکنون به‌طور گسترده‌ای در دسترس هستند.

اطلاعات بیشتر در مورد Baseline

اگر می‌خواهید در مورد Baseline و تفاوت بین Newly و Widely available بیشتر بدانید، ویدیوی کوتاهی را که من ساخته‌ام ببینید.

همچنین می‌توانید اطلاعات بیشتری درباره وضعیت پایه یک ویژگی در داشبورد وضعیت پلتفرم وب پیدا کنید!

پروژه Interop برای سال 2025 بازگشته است

و در نهایت، پروژه Interop برای سال 2025 با لیستی از مناطق تمرکز شامل انتقال دید، موقعیت یابی لنگر CSS و Navigation API باز می گردد. حتماً اطلاعیه پروژه را بررسی کنید!

مشترک شوید

برای به‌روز ماندن، در کانال YouTube Developers Chrome مشترک شوید و هر زمان که ویدیوی جدیدی را راه‌اندازی کنیم، یک اعلان ایمیلی دریافت خواهید کرد.

من ماریکو کوساکا هستم و تا سه ماه دیگر برمی گردم تا درباره چیزهای جدید کروم بیشتر به شما بگویم!

،

Mariko Kosaka
X

مدتی گذشت! ویدیوی جدید در کروم با اطلاعاتی درباره:

من ماریکو هستم. بیایید غوطه ور شویم و ببینیم چه چیزهای جدیدی در Chrome برای سه نسخه قبلی وجود دارد.

جعبه متن CSS

ویژگی CSS text-box به شما امکان می دهد فاصله عمودی را دقیقاً با استفاده از معیارهای فونت کنترل کنید.

هر فونت فضای متفاوتی در بالا و پایین کاراکترها ایجاد می کند که اندازه عنصر را تعیین می کند.

کنترل اندازه این فضاها تاکنون غیرممکن بوده است.

عنوانی با فضای اضافی نشان داده شده است که در بالا با قیچی بریده شده و برداشته شده است.

ویژگی جدید text-box-trim اضلاع برای برش، بالا یا پایین را مشخص می کند و ویژگی text-box-edge نحوه برش را مشخص می کند. به عنوان مثال، برش در ارتفاع کلاهک، که بالای کاراکترهای بزرگ است.

شما همچنین می توانید این را با استفاده از ویژگی text-box مختصر بنویسید.

در مقاله CSS text-box-trim درباره نحوه استفاده از این ویژگی های جدید بیشتر بیاموزید.

API دسترسی به فایل سیستم

یک Node.prototype.moveBefore اولیه DOM که در Chrome 133 اضافه شده است، به شما امکان می دهد عناصر را در اطراف درخت DOM حرکت دهید، بدون اینکه حالت عنصر را بازنشانی کنید.

وقتی یک عنصر را حذف می‌کنید، سپس دوباره یک عنصر را برای جابجایی یک عنصر DOM وارد می‌کنید، وضعیت آن عنصر را بازنشانی می‌کند. با استفاده از این اولیه جدید، وضعیت یک گره حفظ می شود.

بنابراین iframe‌ها بارگذاری می‌شوند، عناصر فعال در فوکوس باقی می‌مانند، مواردی مانند پاپ‌اورها و دیالوگ‌ها باز می‌مانند، و انتقال CSS یا انیمیشن‌ها ادامه می‌یابد.

حالت حفظ روش برای جابجایی عنصر DOM

مدتی است که File System Access API در Chrome Desktop در دسترس است. این API به برنامه های وب اجازه می دهد تا با فایل های موجود در سیستم فایل محلی کاربر تعامل داشته باشند. از Chrome 132، API در Android و WebViews نیز موجود است.

برای خواندن یک فایل، با showOpenFilePicker() تماس بگیرید. این روش یک انتخابگر فایل را نشان می دهد، سپس یک دسته فایل را برمی گرداند که می توانید از آن برای خواندن فایل استفاده کنید.


let fileHandle;

btn.addEventListener('click', async () => {
  [fileHandle] = await window.showOpenFilePicker();
  // Do something with the file handle.
});

برای ذخیره یک فایل در دیسک، می‌توانید از همان دسته فایلی که قبلاً دریافت کرده‌اید استفاده کنید، یا برای دریافت یک دسته فایل جدید، با showSaveFilePicker() تماس بگیرید.

async function getNewFileHandle() {
  const options = {
    // Add options
  };
  const handle = await window.showSaveFilePicker(options);
  return handle;
}

حذف نور به عنصر <dialog> می رسد

اگر از Popover API برای ایجاد پاپ اور استفاده کرده اید، می دانید که یکی از ویژگی های خوب Popover API رفتار حذف نور است. کاربران می‌توانند روی پس‌زمینه کلیک کنند و عنصر popover بدون زدن دکمه بستن به‌طور خاص بسته می‌شود.

این قابلیت حذف نور اکنون در عنصر <dialog> نیز پشتیبانی می‌شود!

هنگامی که ویژگی closedby روی any تنظیم می کنید، می توان گفت و گو را با کلیک کردن در خارج از کادر گفتگو یا فشار دادن کلیدهای فرار رد کرد.


<dialog closedby="any">...</dialog>

این همان رفتاری است که وقتی پاپاور روی خودکار تنظیم شده است.

به روز رسانی ها در Baseline

و در اینجا خبری در مورد Baseline است

خط پایه به تازگی در دسترس است

اول، Baseline به تازگی در دسترس است، اینها ویژگی هایی هستند که اخیراً در هر چهار مرورگر اصلی ارسال شده اند.

scrollbar-gutter و scrollbar-width

با ویژگی Scrollbar-Gutter CSS می توانید فضایی را برای نوار اسکرول رزرو کنید تا از تغییرات ناخواسته چیدمان هنگام ظاهر شدن یا ناپدید شدن نوار اسکرول جلوگیری کنید. با پهنای نوار پیمایش می‌توانید نوار پیمایش باریک‌تری ایجاد کنید، یا حتی نوار اسکرول را کاملاً بدون تأثیر بر قابلیت اسکرول مخفی کنید.

ruby-align

با ویژگی ruby-align CSS می توانید تراز متن پایه یاقوت و متن حاشیه نویسی یاقوت را مشخص کنید.

Promise.try

Promise.try یک روش راحت برای مدیریت خطا برای درخواست های همزمان است. با استفاده از این، می‌توانید وقتی می‌خواهید با Promise.resolve درخواست کنید، توابع برگشت تماس را حذف کنید.

Wasm Garbage Collection و بهینه سازی تماس دم

WebAssembly اکنون از جمع آوری زباله و بهینه سازی تماس دنباله پشتیبانی می کند.

خط پایه به طور گسترده در دسترس است

آرایه findLast() و findLastIndex()

آرایه findLast() و findLastIndex() روش های بسیار مناسبی برای دریافت آیتم ها از انتهای یک آرایه هستند. این ویژگی به مدت 30 ماه توسط همه مرورگرهای اصلی پشتیبانی می شود، به این معنی که اکنون Baseline به طور گسترده در دسترس است.

ویژگی های تبدیل فردی

ویژگی‌های تبدیل فردی که به شما کنترل دانه‌بندی دقیق‌تری بر تبدیل‌های CSS می‌دهد، اکنون به‌طور گسترده‌ای در دسترس هستند.

اطلاعات بیشتر در مورد Baseline

اگر می‌خواهید در مورد Baseline و تفاوت بین Newly و Widely available بیشتر بدانید، ویدیوی کوتاهی را که من ساخته‌ام ببینید.

همچنین می‌توانید اطلاعات بیشتری درباره وضعیت پایه یک ویژگی در داشبورد وضعیت پلتفرم وب پیدا کنید!

پروژه Interop برای سال 2025 بازگشته است

و در نهایت، پروژه Interop برای سال 2025 با لیستی از مناطق تمرکز شامل انتقال دید، موقعیت یابی لنگر CSS و Navigation API باز می گردد. حتماً اطلاعیه پروژه را بررسی کنید!

مشترک شوید

برای به‌روز ماندن، در کانال YouTube Developers Chrome مشترک شوید و هر زمان که ویدیوی جدیدی را راه‌اندازی کنیم، یک اعلان ایمیلی دریافت خواهید کرد.

من ماریکو کوساکا هستم و تا سه ماه دیگر برمی گردم تا درباره چیزهای جدید کروم بیشتر به شما بگویم!

،

Mariko Kosaka
X

مدتی گذشت! ویدیوی جدید در کروم با اطلاعاتی درباره:

من ماریکو هستم. بیایید غوطه ور شویم و ببینیم چه چیزهای جدیدی در Chrome برای سه نسخه قبلی وجود دارد.

جعبه متن CSS

ویژگی CSS text-box به شما امکان می دهد فاصله عمودی را دقیقاً با استفاده از معیارهای فونت کنترل کنید.

هر فونت فضای متفاوتی در بالا و پایین کاراکترها ایجاد می کند که اندازه عنصر را تعیین می کند.

کنترل اندازه این فضاها تاکنون غیرممکن بوده است.

عنوانی با فضای اضافی نشان داده شده است که در بالا با قیچی بریده شده و برداشته شده است.

ویژگی جدید text-box-trim اضلاع برای برش، بالا یا پایین را مشخص می کند و ویژگی text-box-edge نحوه برش را مشخص می کند. به عنوان مثال، برش در ارتفاع کلاهک، که بالای کاراکترهای بزرگ است.

شما همچنین می توانید این را با استفاده از ویژگی text-box مختصر بنویسید.

در مقاله CSS text-box-trim درباره نحوه استفاده از این ویژگی های جدید بیشتر بیاموزید.

API دسترسی به فایل سیستم

یک Node.prototype.moveBefore اولیه DOM که در Chrome 133 اضافه شده است، به شما امکان می دهد عناصر را در اطراف درخت DOM حرکت دهید، بدون اینکه حالت عنصر را بازنشانی کنید.

وقتی یک عنصر را حذف می‌کنید، سپس دوباره یک عنصر را برای جابجایی یک عنصر DOM وارد می‌کنید، وضعیت آن عنصر را بازنشانی می‌کند. با استفاده از این اولیه جدید، وضعیت یک گره حفظ می شود.

بنابراین iframe‌ها بارگذاری می‌شوند، عناصر فعال در فوکوس باقی می‌مانند، مواردی مانند پاپ‌اورها و دیالوگ‌ها باز می‌مانند، و انتقال CSS یا انیمیشن‌ها ادامه می‌یابد.

حالت حفظ روش برای جابجایی عنصر DOM

مدتی است که File System Access API در Chrome Desktop در دسترس است. این API به برنامه های وب اجازه می دهد تا با فایل های موجود در سیستم فایل محلی کاربر تعامل داشته باشند. از Chrome 132، API در Android و WebViews نیز موجود است.

برای خواندن یک فایل، با showOpenFilePicker() تماس بگیرید. این روش یک انتخابگر فایل را نشان می دهد، سپس یک دسته فایل را برمی گرداند که می توانید از آن برای خواندن فایل استفاده کنید.


let fileHandle;

btn.addEventListener('click', async () => {
  [fileHandle] = await window.showOpenFilePicker();
  // Do something with the file handle.
});

برای ذخیره یک فایل در دیسک، می‌توانید از همان دسته فایلی که قبلاً دریافت کرده‌اید استفاده کنید، یا برای دریافت یک دسته فایل جدید، با showSaveFilePicker() تماس بگیرید.

async function getNewFileHandle() {
  const options = {
    // Add options
  };
  const handle = await window.showSaveFilePicker(options);
  return handle;
}

حذف نور به عنصر <dialog> می رسد

اگر از Popover API برای ایجاد پاپ اور استفاده کرده اید، می دانید که یکی از ویژگی های خوب Popover API رفتار حذف نور است. کاربران می‌توانند روی پس‌زمینه کلیک کنند و عنصر popover بدون زدن دکمه بستن به‌طور خاص بسته می‌شود.

این قابلیت حذف نور اکنون در عنصر <dialog> نیز پشتیبانی می‌شود!

هنگامی که ویژگی closedby روی any تنظیم می کنید، می توان گفت و گو را با کلیک کردن در خارج از کادر گفتگو یا فشار دادن کلیدهای فرار رد کرد.


<dialog closedby="any">...</dialog>

این همان رفتاری است که وقتی پاپاور روی خودکار تنظیم شده است.

به روز رسانی ها در Baseline

و در اینجا خبری در مورد Baseline است

خط پایه به تازگی در دسترس است

اول، Baseline به تازگی در دسترس است، اینها ویژگی هایی هستند که اخیراً در هر چهار مرورگر اصلی ارسال شده اند.

scrollbar-gutter و scrollbar-width

با ویژگی Scrollbar-Gutter CSS می توانید فضایی را برای نوار اسکرول رزرو کنید تا از تغییرات ناخواسته چیدمان هنگام ظاهر شدن یا ناپدید شدن نوار اسکرول جلوگیری کنید. با پهنای نوار پیمایش می‌توانید نوار پیمایش باریک‌تری ایجاد کنید، یا حتی نوار اسکرول را کاملاً بدون تأثیر بر قابلیت اسکرول مخفی کنید.

ruby-align

با ویژگی ruby-align CSS می توانید تراز متن پایه یاقوت و متن حاشیه نویسی یاقوت را مشخص کنید.

Promise.try

Promise.try یک روش راحت برای مدیریت خطا برای درخواست های همزمان است. با استفاده از این، می‌توانید وقتی می‌خواهید با Promise.resolve درخواست کنید، توابع برگشت تماس را حذف کنید.

Wasm Garbage Collection و بهینه سازی تماس دم

WebAssembly اکنون از جمع آوری زباله و بهینه سازی تماس دنباله پشتیبانی می کند.

خط پایه به طور گسترده در دسترس است

آرایه findLast() و findLastIndex()

آرایه findLast() و findLastIndex() روش های بسیار مناسبی برای دریافت آیتم ها از انتهای یک آرایه هستند. این ویژگی به مدت 30 ماه توسط همه مرورگرهای اصلی پشتیبانی می شود، به این معنی که اکنون Baseline به طور گسترده در دسترس است.

ویژگی های تبدیل فردی

ویژگی‌های تبدیل فردی که به شما کنترل دانه‌بندی دقیق‌تری بر تبدیل‌های CSS می‌دهد، اکنون به‌طور گسترده‌ای در دسترس هستند.

اطلاعات بیشتر در مورد Baseline

اگر می‌خواهید در مورد Baseline و تفاوت بین Newly و Widely available بیشتر بدانید، ویدیوی کوتاهی را که من ساخته‌ام ببینید.

همچنین می‌توانید اطلاعات بیشتری درباره وضعیت پایه یک ویژگی در داشبورد وضعیت پلتفرم وب پیدا کنید!

پروژه Interop برای سال 2025 بازگشته است

و در نهایت، پروژه Interop برای سال 2025 با لیستی از مناطق تمرکز شامل انتقال دید، موقعیت یابی لنگر CSS و Navigation API باز می گردد. حتماً اطلاعیه پروژه را بررسی کنید!

مشترک شوید

برای به‌روز ماندن، در کانال YouTube Developers Chrome مشترک شوید و هر زمان که ویدیوی جدیدی را راه‌اندازی کنیم، یک اعلان ایمیلی دریافت خواهید کرد.

من ماریکو کوساکا هستم و تا سه ماه دیگر برمی گردم تا درباره چیزهای جدید کروم بیشتر به شما بگویم!

،

Mariko Kosaka
X

مدتی گذشت! ویدیوی جدید در کروم با اطلاعاتی درباره:

من ماریکو هستم. بیایید غوطه ور شویم و ببینیم چه چیزهای جدیدی در Chrome برای سه نسخه قبلی وجود دارد.

جعبه متن CSS

ویژگی CSS text-box به شما امکان می دهد فاصله عمودی را دقیقاً با استفاده از معیارهای فونت کنترل کنید.

هر فونت فضای متفاوتی در بالا و پایین کاراکترها ایجاد می کند که اندازه عنصر را تعیین می کند.

کنترل اندازه این فضاها تاکنون غیرممکن بوده است.

عنوانی با فضای اضافی نشان داده شده است که در بالا با قیچی بریده شده و برداشته شده است.

ویژگی جدید text-box-trim اضلاع برای برش، بالا یا پایین را مشخص می کند و ویژگی text-box-edge نحوه برش را مشخص می کند. به عنوان مثال، برش در ارتفاع کلاهک، که بالای کاراکترهای بزرگ است.

شما همچنین می توانید این را با استفاده از ویژگی text-box مختصر بنویسید.

در مقاله CSS text-box-trim درباره نحوه استفاده از این ویژگی های جدید بیشتر بیاموزید.

API دسترسی به فایل سیستم

یک Node.prototype.moveBefore اولیه DOM که در Chrome 133 اضافه شده است، به شما امکان می دهد عناصر را در اطراف درخت DOM حرکت دهید، بدون اینکه حالت عنصر را بازنشانی کنید.

وقتی یک عنصر را حذف می‌کنید، سپس دوباره یک عنصر را برای جابجایی یک عنصر DOM وارد می‌کنید، وضعیت آن عنصر را بازنشانی می‌کند. با استفاده از این اولیه جدید، وضعیت یک گره حفظ می شود.

بنابراین iframe‌ها بارگذاری می‌شوند، عناصر فعال در فوکوس باقی می‌مانند، مواردی مانند پاپ‌اورها و دیالوگ‌ها باز می‌مانند، و انتقال CSS یا انیمیشن‌ها ادامه می‌یابد.

حالت حفظ روش برای جابجایی عنصر DOM

مدتی است که File System Access API در Chrome Desktop در دسترس است. این API به برنامه های وب اجازه می دهد تا با فایل های موجود در سیستم فایل محلی کاربر تعامل داشته باشند. از Chrome 132، API در Android و WebViews نیز موجود است.

برای خواندن یک فایل، با showOpenFilePicker() تماس بگیرید. این روش یک انتخابگر فایل را نشان می دهد، سپس یک دسته فایل را برمی گرداند که می توانید از آن برای خواندن فایل استفاده کنید.


let fileHandle;

btn.addEventListener('click', async () => {
  [fileHandle] = await window.showOpenFilePicker();
  // Do something with the file handle.
});

برای ذخیره یک فایل در دیسک، می‌توانید از همان دسته فایلی که قبلاً دریافت کرده‌اید استفاده کنید، یا برای دریافت یک دسته فایل جدید، با showSaveFilePicker() تماس بگیرید.

async function getNewFileHandle() {
  const options = {
    // Add options
  };
  const handle = await window.showSaveFilePicker(options);
  return handle;
}

حذف نور به عنصر <dialog> می رسد

اگر از Popover API برای ایجاد پاپ اور استفاده کرده اید، می دانید که یکی از ویژگی های خوب Popover API رفتار حذف نور است. کاربران می‌توانند روی پس‌زمینه کلیک کنند و عنصر popover بدون زدن دکمه بستن به‌طور خاص بسته می‌شود.

این قابلیت حذف نور اکنون در عنصر <dialog> نیز پشتیبانی می‌شود!

هنگامی که ویژگی closedby روی any تنظیم می کنید، می توان گفت و گو را با کلیک کردن در خارج از کادر گفتگو یا فشار دادن کلیدهای فرار رد کرد.


<dialog closedby="any">...</dialog>

این همان رفتاری است که وقتی پاپاور روی خودکار تنظیم شده است.

به روز رسانی ها در Baseline

و در اینجا خبری در مورد Baseline است

خط پایه به تازگی در دسترس است

اول، Baseline به تازگی در دسترس است، اینها ویژگی هایی هستند که اخیراً در هر چهار مرورگر اصلی ارسال شده اند.

scrollbar-gutter و scrollbar-width

با ویژگی Scrollbar-Gutter CSS می توانید فضایی را برای نوار اسکرول رزرو کنید تا از تغییرات ناخواسته چیدمان هنگام ظاهر شدن یا ناپدید شدن نوار اسکرول جلوگیری کنید. با پهنای نوار پیمایش می‌توانید نوار پیمایش باریک‌تری ایجاد کنید، یا حتی نوار اسکرول را کاملاً بدون تأثیر بر قابلیت اسکرول مخفی کنید.

ruby-align

با ویژگی ruby-align CSS می توانید تراز متن پایه یاقوت و متن حاشیه نویسی یاقوت را مشخص کنید.

Promise.try

Promise.try یک روش راحت برای مدیریت خطا برای درخواست های همزمان است. با استفاده از این، می‌توانید وقتی می‌خواهید با Promise.resolve درخواست کنید، توابع برگشت تماس را حذف کنید.

Wasm Garbage Collection و بهینه سازی تماس دم

WebAssembly اکنون از جمع آوری زباله و بهینه سازی تماس دنباله پشتیبانی می کند.

خط پایه به طور گسترده در دسترس است

آرایه findLast() و findLastIndex()

آرایه findLast() و findLastIndex() روش های بسیار مناسبی برای دریافت آیتم ها از انتهای یک آرایه هستند. این ویژگی به مدت 30 ماه توسط همه مرورگرهای اصلی پشتیبانی می شود، به این معنی که اکنون Baseline به طور گسترده در دسترس است.

ویژگی های تبدیل فردی

ویژگی‌های تبدیل فردی که به شما کنترل دانه‌بندی دقیق‌تری بر تبدیل‌های CSS می‌دهد، اکنون به‌طور گسترده‌ای در دسترس هستند.

اطلاعات بیشتر در مورد Baseline

اگر می‌خواهید در مورد Baseline و تفاوت بین Newly و Widely available بیشتر بدانید، ویدیوی کوتاهی را که من ساخته‌ام ببینید.

همچنین می‌توانید اطلاعات بیشتری درباره وضعیت پایه یک ویژگی در داشبورد وضعیت پلتفرم وب پیدا کنید!

پروژه Interop برای سال 2025 بازگشته است

و در نهایت، پروژه Interop برای سال 2025 با لیستی از مناطق تمرکز شامل انتقال دید، موقعیت یابی لنگر CSS و Navigation API باز می گردد. حتماً اطلاعیه پروژه را بررسی کنید!

مشترک شوید

برای به‌روز ماندن، در کانال YouTube Developers Chrome مشترک شوید و هر زمان که ویدیوی جدیدی را راه‌اندازی کنیم، یک اعلان ایمیلی دریافت خواهید کرد.

من ماریکو کوساکا هستم و تا سه ماه دیگر برمی گردم تا درباره چیزهای جدید کروم بیشتر به شما بگویم!