تاریخ انتشار: ۱۳ نوامبر ۲۰۲۶
اگر خواننده همیشگی این سایت هستید، «Chrome ویژه توسعه‌دهندگان» را در X، LinkedIn، یا Bluesky دنبال کنید، یا پانل موارد جدید را در DevTools این هفته باز کنید، تقریباً به‌طور قطع این خبر را شنیده‌اید. اما برای همه کسانی که سرشان گرم ارسال بود: «راهنمای وب نوین» اکنون به‌عنوان نسخه پایدار ۱.۰ دردسترس است.
از زمان هم‌رسانی نسخه پیش‌نمای اولیه در Google I/O، بهبودهای زیادی ایجاد کرده‌ایم و «راهنمای وب نوین» را به همکاری بین‌مرورگری با Firefox و Edge تبدیل کرده‌ایم. این هفته را صرف بررسی آن‌ها در مقاله‌ها، مطالعات موردی، ویدیوها، و اسناد کردیم.
خلاصه
مدل‌های مرزشکن اغلب به‌طور پیش‌فرض از الگوهای قدیمی برای توسعه وب استفاده می‌کنند. برای مثال، آن‌ها کتابخانه پویانمایی JavaScript را به پویانمایی‌های CSS با پیمایش ترجیح می‌دهند، یا به‌جای استفاده از appearance: base-select برای منوهای کرکره‌ای سفارشی‌سازی‌شدنی، div تودرتوی پیچیده می‌سازند.
«راهنمای وب نوین» این مشکل را با تزریق راهنماهای مختصر و محدود به تکلیف براساس پیام‌واره شما برطرف می‌کند. آنچه نسخه ۱.۰ به‌همراه دارد:
- راهنماهای بیشتر با تأیید کارشناسان: شامل عملکرد، سبک، دسترس‌پذیری، امنیت، حریم خصوصی، فرم‌ها، و موارد دیگر. هر مهارت توسط یک کارشناس فنی حوزه بازبینی و آزمایش شده است. مهارت‌ها در کاتالوگ راهنما قابل‌مرور هستند.
- به‌طور پیش‌فرض چندمرورگری است: با همکاری تیم‌هایی که Mozilla Firefox، Microsoft Edge، و Google Chrome را می‌سازند. هر راهنما با داده‌های سازگاری Baseline و بازگشت‌ها بهبود یافته است.
- مجموعه ارزیابی عمومی: هزاران اجرای ارزیابی، قابل‌بررسی در داشبورد ارزیابی عمومی، که افزایش نرخ قبولی را برجسته می‌کند.
برای مشاهده نمونه‌های واقعی از شکاف‌های دانش هوش مصنوعی که این ابزار برطرف می‌کند، گردش‌های کار سرتاسری با Chrome DevTools برای عامل‌ها، و دستورالعمل‌های به‌روزرسانی از پیش‌نمایش I/O، پست اعلامیه Modern Web Guidance 1.0 را بخوانید.
به حرف ما بسنده نکنید
به‌عنوان یکی از سازندگان «راهنمای وب نوین»، البته که کمی سوگیری داریم. ببینید شرکای ما پس‌از آزمایش مجموعه کامل ابزارهای کدنویسی هوش مصنوعی Chrome در گردش‌های کاری روزانه‌شان چه احساسی درباره آن دارند:
- Policybazaar و Pensionbazaar: با بستن حلقه ساخت و تأیید، زمان تکمیل صفحه جدید و اشکالات میانای کاربر را بیش‌از ۹۰٪ کاهش دادند، درحالی‌که Policybazaar تلاش‌های ممیزی دستی «معیارهای کلیدی اصلی وب» را در حدود ۳۰ صفحه مقصد تا ۹۲٪ کاهش داد.
- MetaMask: «راهنمای وب نوین» را به یک ربات بازبینی روابط عمومی مشاوره‌ای سه‌خطی در حدود ۴۸۰ درخواست ارسال متصل کردیم که منجر به ۴۳ اصلاح HTML معنایی و دسترس‌پذیری با میانگین زمان چرخه ۱۵ دقیقه‌ای شد.
- WeTV: Chrome DevTools برای عامل‌ها و «راهنمای وب نوین» را به CI/CD اضافه کرد تا به‌طور خودکار ۹۰٪ از پس‌رفت‌های CLS تکراری را تشخیص دهد و برطرف کند و زمان اشکال‌زدایی را تا ۸۷٪ کاهش دهد.
- note inc.: «راهنمای وب نوین» را با قوانین سیستم طراحی داخلی‌اش ترکیب کرد و نرخ قبولی بررسی وب نوین را از ٪۶۱ به ٪۹۴ افزایش داد و اولویت‌بندی مناسب تصویر «بزرگ‌ترین نقاشی دارای محتوا» را تا ٪۲۸ تقویت کرد.
شروع کنید
اگرچه ممکن است با درخواست از عاملتان برای نصب «راهنمای وب نوین» شانس بیاورید،
می‌توانید با اطمینان از فرمان npx زیر برای راه‌اندازی پروژه
و عاملتان در یک جریان گام‌به‌گام استفاده کنید.
npx modern-web-guidance@latest install
همچنین می‌توانید گزینه‌های نصب جایگزین را در GitHub کاوش کنید.
پس‌از راه‌اندازی، می‌توانید موارد استفاده جدید و نحوه عملکرد «راهنمای وب نوین» نسخه ۱.۰ را به‌طور عمیق بررسی کنید:
- مدرن‌سازی پایگاه‌های کد موجود:
چگونه
npx modern-web-guidance@latest legacy-scanبررسی‌های سریع نحو محلی را با مرور عامل زمینه‌ای جفت می‌کند تا بدهی فنی را بدون ریزش پر سروصدا پرداخت کند. - فراتر از تولید کد: یادگیری مداوم توسعه‌دهنده: با نحوه استفاده از «راهنمای وب نوین» به‌عنوان ابزار یادگیری و کاوش تعاملی آشنا شوید تا هنگام کدنویسی با عامل‌های هوش مصنوعی، با ویژگی‌های نوین HTML، CSS، و Web API به‌روز بمانید.
- به‌طور پیش‌فرض میان‌مرورگری: نحوه عملکرد جایگزین‌های Baseline:
نحوه استفاده راهنماها از داده‌های زنده
ویژگی‌های وب برای
مطابقت دادن ارتقای پیش‌رو، پُرسمان‌های
@supports، و شبیه‌سازهای مرورگر با هدف‌های مرورگر شما. - ۱۰ اشتباه برتر هوش مصنوعی در توسعه وب: ۱۰ شکاف رایج در دسترس‌پذیری، تجربه کاربری، عملکرد، و امنیت را کاوش کنید که حتی جدیدترین مدل‌های مرزشکن در حدود نیمی از بررسی‌های وب مدرن ما در آن‌ها شکست می‌خورند.
- جستجوی برداری محلی برای عامل‌های کدنویسی: از ۵۰۷ مگابایت تا یک حلقه ۷ خطی: ببینید «راهنمای وب نوین» چگونه راهنماهای مرتبط را در چند میلی‌ثانیه از پایگاه دانش بیش‌از ۲۰۰ راهنمای خود بازیابی می‌کند، بدون اینکه پنجره بافت عامل شما را پر کند.
What's next for agentic web development with Chrome
بااستفاده از «راهنمای وب نوین» با عامل کدنویسی‌تان، شروع خیلی خوبی خواهید داشت. اما می‌توانید (و باید) حتی فراتر بروید. نماینده شما به روشی برای اجرا، بازرسی، و درستی‌سنجی آن کد در مرورگری واقعی نیاز دارد.
بیش‌از یک سال است که Chrome DevTools برای عامل‌ها با مجموعه گسترده‌ای از ابزارها، از بازرسی دسترس‌پذیری و عملکرد گرفته تا اشکال‌زدایی حافظه و ضبط پویانمایی‌ها، به عامل‌های کدنویسی امکان مشاهده زمان اجرای زنده را می‌دهد تا عامل شما بتواند آن‌ها را به‌طور دقیق تنظیم کند.
در هفته‌های آینده، نقطه عطف بعدی Chrome DevTools برای عامل‌ها را جشن می‌گیریم. انتقال بافت مناسب از Chrome به نماینده‌تان حتی آسان‌تر خواهد شد.
«راهنمای وب نوین» نسخه ۱.۰ را امتحان کنید و نظرتان را به ما بگویید. هر دو راهنمای وب نوین و Chrome DevTools برای عامل‌ها به‌صورت باز در GitHub ساخته شده‌اند. اگر متوجه شدید که نماینده‌تان هنوز در انجام یکی از تکالیف پلاتفرم وب اشتباه می‌کند یا ایده‌ای برای تکلیف بعدی ما دارید، مشکل را باز کنید و به ما اطلاع دهید.