جدید در Edge برای توسعه‌دهندگان – شکاف‌های چیدمان را سبک کنید، دسترسی به صفحه‌کلید را بهبود بخشید و PWA خود را به مبدأ جدید منتقل کنید

خوش آمدید به جدید در Edge برای توسعه دهندگان، یک سری جدید با به روز رسانی های اخیر پلت فرم وب در Microsoft Edge که به توسعه دهندگان وب کمک می کند تا سایت ها و برنامه های بهتری بسازند.

در این نسخه اول، ما نگاه خواهیم کرد تزئینات شکاف CSS برای یک ظاهر طراحی شده فضای بین آیتم های چیدمان، ویژگی گروه تمرکز برای ناوبری آسان تر صفحه کلید، همان سایت مهاجرت مبدأ PWA برای جابجایی یک برنامه وب نصب شده بدون ایجاد اختلال در کاربران، و پیشرفت های دیگر مانند تناسب متن، انعطاف‌پذیری: تعادل و خواندن سریع‌تر بریده‌دان. همچنین ویژگی‌های آتی را که می‌توانید امروز آزمایش کنید، پیش‌نمایش می‌کنیم و بازخوردهای اولیه را در مورد آن به اشتراک می‌گذاریم، و چند به‌روزرسانی از سراسر اکوسیستم وب گسترده‌تر را برجسته می‌کنیم، مانند راهنمای وب مدرن، یک مهارت عامل کدنویسی هوش مصنوعی که به شما کمک می کند کد بهتری بنویسید.

شکاف های چیدمان سبک

تزیینات شکاف CSS به شما امکان می‌دهد شکاف‌های بین آیتم‌ها را در طرح‌بندی‌های انعطاف‌پذیر، شبکه‌ای و چند ستونی مستقیماً بدون تکیه بر هک‌های مرزی، شبه عناصر یا عناصر DOM اضافی سبک دهید. جدید row-rule و تمدید شد column-rule خواص، و همچنین rule کوتاه نویسی، پشتیبانی از رنگ ها، الگوها، و حتی repeat() نحو برای طراحی های غنی و سازگار با حداقل CSS.

.grid {
  display: grid;
  gap: 16px;
  row-rule: 1px solid #ccc;
  column-rule: 2px solid #333;
}

بیشتر بدانید تزئینات شکاف CSS و ما را امتحان کنید زمین بازی تعاملی.

دسترسی به صفحه کلید را با فوکوس گروپ بهبود دهید

این focusgroup ویژگی HTML به شما امکان پیمایش کلید پیکان برای ویجت های ترکیبی مانند نوار ابزار، برگه ها یا منوها را به صورت رایگان می دهد. با focusgroup ویژگی کنترل خودکار کلیدهای جهت دار و حافظه فوکوس، بدون کد tabindex سرگردان جاوا اسکریپت را دریافت می کنید.

برای کسب اطلاعات بیشتر، راهبری صفحه کلید را بدون زحمت انجام دهید.

PWA خود را به یک مبدا جدید مهاجرت کنید

اکنون می توانید به طور یکپارچه برنامه وب پیشرو (PWA) خود را به یک منبع جدید و همان سایت منتقل کنید، نصب ها و مجوزهای کاربر را حفظ کنید.

هنگامی که کاربر یک PWA را نصب می کند، هویت آن به مبدا وب آن محدود می شود (به عنوان مثال، example.com/app). پیش از این، تغییر مبدا، کاربران را مجبور می‌کرد تا به صورت دستی برنامه را حذف و دوباره نصب کنند. این دیگر لازم نیست. در حال حاضر، حرکت به یک مبدا جدید مانند app.example.com می تواند بدون وقفه برای کاربران شما اتفاق بیفتد.

برای کسب اطلاعات بیشتر، ببینید مهاجرت بدون درز مبدا PWA: تغییر دامنه بدون از دست دادن کاربران.

و بسیاری امکانات دیگر

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

آماده برای تست

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

بازخورد شما برای کمک به ما در شکل دادن به این ویژگی‌های بعدی و اطمینان از برآورده کردن نیازهای شما به عنوان توسعه‌دهندگان و نیازهای کاربران شما بسیار مهم است.

حفاظ کارآمدی شبکه: عملکرد بارگذاری سایت خود را نظارت و بهبود بخشید

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

این دقیقاً همان چیزی است که قابلیت Network Efficiency Guardrails فراهم می کند. این موارد نقض عملکرد را به طور خودکار در تولید نشان می‌دهد، بنابراین تیم‌های شما می‌توانند بدون بازرسی دستی هر صفحه، آن‌ها را بگیرند و برطرف کنند.

برای کسب اطلاعات بیشتر و آزمایش ویژگی Network Efficiency Guardrails، به نظارت و بهبود عملکرد بارگذاری برنامه وب خود مراجعه کنید.

: برنامه های وب را با یک عنصر HTML نصب کنید

جدید <install> عنصر یک دکمه نصب مورد اعتماد مرورگر را بدون نیاز به جاوا اسکریپت به شما می دهد. مرورگر برچسب و ظاهر دکمه را کنترل می کند، بنابراین کلیک کاربر یک سیگنال واقعی از قصد است.

شما حتی می توانید استفاده کنید installurl ویژگی برای ساخت یک کاتالوگ برنامه که برنامه های وب با منبع متقاطع را نصب می کند.

<!-- Install the current app -->
<install></install>

<!-- Install a different app -->
<install installurl="https://awesome-app.com/"></install>

برای کسب اطلاعات بیشتر و شروع به پست وبلاگ ما مراجعه کنید: برنامه های وب را با عنصر نصب جدید HTML نصب کنید.

CSS Grid Lanes: چیدمان بنایی کارآمد در فضا

Grid Lanes نوع جدیدی از چیدمان CSS است که به آیتم‌ها اجازه می‌دهد به طور خودکار در فضای موجود بعدی قرار گیرند، و بدون نیاز به تعیین ارتفاع ردیف یا استفاده از جاوا اسکریپت، یک طرح‌بندی سنگ‌تراشی کارآمد در فضا ایجاد می‌کند.

Grid Lanes برای گالری ها، نمونه کارها و هر طرحی که اقلام دارای عرض یا ارتفاع متفاوت هستند ایده آل است.

.grid {
  display: grid-lanes;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
}

برای کسب اطلاعات بیشتر، بررسی کنید دموهای ما.

مدل‌ها و APIهای جدید برای هوش مصنوعی روی دستگاه

پیش‌نمایش برنامه‌نویس ما از مدل زبان کوچک Aion-1.0-Instruct پیش از انتشار اکنون برای استفاده با Prompt API و APIهای کمک نوشتن در مایکروسافت اج

Aion-1.0-Instruct کوچکتر، سریعتر و کارآمدتر از Phi-4-mini است. همچنین پشتیبانی را به دستگاه های بیشتری گسترش می دهد.

ما را بررسی کنید نمونه های زمین بازی و نظرات خود را در مورد GitHub.

این همه چیز نیست، از مایکروسافت شروع کنیم Edge Canary یا Dev 150، اکنون می توانید از WebSpeech API نیز استفاده کنید تبدیل گفتار به متن با استفاده از یک مدل محلی، به جای یک راه حل مبتنی بر ابر.

با پشتیبانی از تشخیص گفتار روی دستگاه در Microsoft Edge، می‌توانید هزینه اجرای برنامه وب خود را کاهش دهید، مستقل از شبکه باشید و حریم خصوصی کاربران خود را بهبود بخشید.

برای کسب اطلاعات بیشتر درباره Aion-1.0-Instruct، تشخیص گفتار روی دستگاه، و سایر به‌روزرسانی‌های API هوش مصنوعی روی دستگاه، به گسترش هوش مصنوعی روی دستگاه در Microsoft Edge: مدل‌ها و APIهای جدید برای وب مراجعه کنید.

اخبار از سراسر پلت فرم وب

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

پیشرفت Interop 2026

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

این کار برای اطمینان از اینکه وب یک اکوسیستم سالم باقی می ماند که توسعه دهندگان می توانند با اطمینان در آن بسازند و کاربران می توانند بدون توجه به انتخاب مرورگر خود به محتوا و برنامه ها دسترسی داشته باشند، بسیار مهم است.

Interop 2026، آخرین دور پروژه، اکنون به خوبی در حال انجام است و ما قبلاً پیشرفت قابل توجهی در رفع مشکلات شناسایی شده در مرحله برنامه ریزی داشته ایم. بین ژانویه تا ژوئن 2026، میزان قبولی تست مایکروسافت اج از 77 درصد به 97 درصد افزایش یافته است و ما سخت در حال کار روی ویژگی هایی مانند رجیستری عناصر سفارشی محدوده و وب حمل و نقل.

بررسی کنید داشبورد Interop برای جزئیات بیشتر در مورد حوزه های تمرکز امسال و پیشرفت انجام شده توسط همه مرورگرهای شرکت کننده.

راهنمای وب مدرن

ما با تیم Google Chrome برای آوردن همکاری کرده ایم راهنمای وب مدرن به توسعه دهندگان وب این پروژه بلندپروازانه به توسعه‌دهندگان مهارت‌های هوش مصنوعی می‌دهد که می‌توانند با عوامل برنامه‌نویسی هوش مصنوعی خود استفاده کنند تا برنامه‌های وب بهتری را بر اساس بهترین شیوه‌ها تحت ارزیابی‌های دقیق بسازند.

ما می خواهیم از شما در مورد این پروژه بشنویم. آیا آن را امتحان کردید؟ آیا نتایج را مفید یافتید؟ آیا ویژگی های دیگری وجود دارد که می خواهید مشاهده کنید؟ لطفا با استفاده به ما اطلاع دهید مخزن عمومی.

کلمات پایانی

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

امیدواریم این ویژگی‌های اخیر و آزمایش‌های اولیه برای شما و کاربرانتان مفید باشد.

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