ICYMI: Modern Web Guidance is now stable

Matthias Rohmer

Alexandra Klepper

Opublikowano: 13 listopada 2026 r.

Jeśli regularnie czytasz tę witrynę, obserwujesz Chrome dla deweloperów na X, LinkedInie lub Bluesky albo otworzyłeś(-aś) w tym tygodniu panel Co nowego w Narzędziach deweloperskich, na pewno znasz już te informacje. Dla wszystkich, którzy byli zajęci pracą nad swoimi projektami: Przewodnik po współczesnych technologiach internetowych jest już dostępny w wersji stabilnej 1.0.

Od czasu udostępnienia wczesnej wersji przedpremierowej na Google I/O wprowadziliśmy wiele ulepszeń i rozszerzyliśmy Przewodnik po współczesnych technologiach internetowych o współpracę między przeglądarkami z Firefoksem i Edge. W tym tygodniu omówiliśmy je w artykułach, studiach przypadku, filmach i dokumentach.

W skrócie

Modele graniczne często domyślnie używają starszych wzorców tworzenia stron internetowych. Na przykład wolą bibliotekę animacji JavaScript od animacji CSS sterowanych przewijaniem lub tworzą złożone, zagnieżdżone potwory div zamiast używać appearance: base-select do dostosowywania menu.

Przewodnik po współczesnych technologiach internetowych rozwiązuje ten problem, wstrzykując zwięzłe przewodniki dotyczące konkretnych zadań na podstawie prompta. Oto co przynosi wersja 1.0:

• Więcej przewodników sprawdzonych przez ekspertów: dotyczących wydajności, stylu, ułatwień dostępu, bezpieczeństwa, prywatności, formularzy i innych kwestii. Każda umiejętność została sprawdzona przez eksperta technicznego i przetestowana. Umiejętności można przeglądać w katalogu przewodników.
• Domyślna obsługa różnych przeglądarek: współpraca zespołów, które tworzą przeglądarki Mozilla Firefox, Microsoft Edge i Google Chrome. Każdy przewodnik jest wzbogacony o podstawowe dane o zgodności i wartości zastępcze.
• Publiczny pakiet ocen: tysiące ocen, które można sprawdzić w publicznym panelu ocen, pokazujące wzrost współczynnika zaliczeń.

Przeczytaj posta z ogłoszeniem dotyczącym Przewodnika po współczesnych technologiach internetowych w wersji 1.0, aby poznać konkretne przykłady luk w wiedzy AI, które rozwiązuje, kompleksowe przepływy pracy z Narzędziami deweloperskimi w Chrome dla agentów oraz instrukcje aktualizacji z wersji testowej I/O.

Nie trzeba nam wierzyć na słowo

Jako współtwórcy Przewodnika po współczesnych technologiach internetowych jesteśmy oczywiście nieco stronniczy. Zobacz, co nasi partnerzy sądzą o pełnym zestawie narzędzi do kodowania opartych na AI w Chrome po przetestowaniu ich w codziennych przepływach pracy:

• Policybazaar i Pensionbazaar: dzięki zamknięciu pętli kompilacji i weryfikacji skróciły czas tworzenia nowych stron i zmniejszyły liczbę błędów UI o ponad 90%. Policybazaar zmniejszyła też o 92% nakład pracy związany z ręcznym audytem Core Web Vitals na około 30 stronach docelowych.
• MetaMask: Przewodnik po współczesnych technologiach internetowych połączony z botem do sprawdzania żądań pull, który wyświetla 3-wierszowe porady, w około 480 żądaniach pull, co pozwoliło na wprowadzenie 43 poprawek dotyczących ułatwień dostępu i semantycznego kodu HTML przy medianie czasu realizacji wynoszącej 15 minut.
• WeTV: dodano Narzędzia deweloperskie w Chrome dla agentów i Przewodnik po współczesnych technologiach internetowych do CI/CD, aby automatycznie diagnozować i naprawiać 90% powtarzających się regresji CLS, co skróciło czas debugowania o 87%.
• note inc.: Połączyła Przewodnik po współczesnych technologiach internetowych z regułami swojego wewnętrznego systemu projektowania, co pozwoliło zwiększyć odsetek pozytywnych wyników testów nowoczesnych technologii internetowych z 61% do 94% i poprawić priorytetyzację obrazów LCP o 28%.

Rozpocznij

Jeśli poprosisz agenta o zainstalowanie Przewodnika po współczesnych technologiach internetowych, może Ci się poszczęścić, ale możesz też użyć polecenia npx, aby skonfigurować projekt i agenta krok po kroku.

npx modern-web-guidance@latest install

Możesz też zapoznać się z alternatywnymi opcjami instalacji na GitHubie.

Po skonfigurowaniu możesz szczegółowo zapoznać się z nowymi przypadkami użycia i sposobem działania Przewodnika po współczesnych technologiach internetowych 1.0:

• Modernizacja istniejących baz kodu: jak npx modern-web-guidance@latest legacy-scan łączy szybkie lokalne sprawdzanie składni z kontekstową weryfikacją przez agenta, aby spłacić dług techniczny bez niepotrzebnych zakłóceń.
• Beyond code generation: Continuous developer learning: dowiedz się, jak używać przewodnika po współczesnych technologiach internetowych jako interaktywnego narzędzia do nauki i odkrywania, aby być na bieżąco z nowoczesnymi funkcjami HTML, CSS i interfejsów API do stron internetowych podczas kodowania z agentami AI.
• Domyślnie na różnych przeglądarkach: jak działają kreacje zastępcze Baseline: jak przewodniki wykorzystują aktualne dane web-features, aby dopasować progresywne ulepszanie, zapytania @supports i polyfille do docelowych przeglądarek.
• 10 najczęstszych błędów AI w tworzeniu stron internetowych: poznaj 10 typowych luk w zakresie ułatwień dostępu, wygody użytkowników, wydajności i bezpieczeństwa, w przypadku których nawet najnowsze modele graniczne nie przechodzą około połowy naszych testów nowoczesnych stron internetowych.
• Lokalne wyszukiwanie wektorowe dla agentów kodujących: od 507 MB do 7-wierszowej pętli: zobacz, jak Przewodnik po współczesnych technologiach internetowych pobiera odpowiednie przewodniki z bazy wiedzy zawierającej ponad 200 przewodników w ciągu milisekund bez wypełniania okna kontekstu agenta.

Co dalej z tworzeniem stron internetowych opartych na agentach w Chrome

Korzystanie z Przewodnika po współczesnych technologiach internetowych z agentem kodującym to świetny początek. Możesz (i powinieneś) jednak pójść jeszcze dalej. Agent musi mieć możliwość uruchomienia, sprawdzenia i zweryfikowania tego kodu w prawdziwej przeglądarce.

Od ponad roku Narzędzia deweloperskie w Chrome dla agentów zapewniają agentom kodującym widoczność środowiska wykonawczego na żywo dzięki szerokiemu zestawowi narzędzi – od sprawdzania ułatwień dostępu i wydajności po debugowanie pamięci i nagrywanie animacji, dzięki czemu agent może je dostosowywać.

W najbliższych tygodniach będziemy świętować kolejny kamień milowy w rozwoju Narzędzi deweloperskich w Chrome dla agentów. Przekazywanie odpowiedniego kontekstu z Chrome do agenta będzie jeszcze łatwiejsze.

Wypróbuj Przewodnik po współczesnych technologiach internetowych 1.0 i podziel się z nami swoją opinią. Zarówno Przewodnik po współczesnych technologiach internetowych, jak i Narzędzia deweloperskie w Chrome dla agentów są tworzone w otwarty sposób na GitHubie. Jeśli zauważysz, że Twój agent nadal popełnia błędy w zadaniach na platformie internetowej, lub masz pomysł, czym powinniśmy się zająć w następnej kolejności, zgłoś problem i daj nam znać.