Opublikowano: 20 maja 2025 r.
Podczas konferencji Google I/O 2025 zaprezentowaliśmy nowe funkcje, które zwiększają produktywność i umożliwiają tworzenie bardziej zaawansowanych, płynnych i nowoczesnych stron internetowych.
Oto 10 najważniejszych innowacji, które oddają w Twoje ręce najnowocześniejsze możliwości i z pewnością zainspirują Cię do kolejnego projektu.
1. Tworzenie karuzel jest łatwiejsze niż kiedykolwiek dzięki kilku wierszom kodu CSS i HTML
Twórz piękne karuzele za pomocą CSS, które są interaktywne od pierwszego renderowania. W Chrome 135 wprowadziliśmy nowe elementy podstawowe CSS – styleable fragmentation, scroll marker elements i scroll buttons – które upraszczają tworzenie karuzel bez użycia JavaScript. Używaj znanych koncepcji CSS, aby tworzyć bogate, interaktywne, płynne i bardziej dostępne karuzele w ułamku czasu.
2. Deklaratywne wyskakujące okienka: przedstawiamy nowy interfejs Interest Invoker API
Eksperymentalny interfejs Interest Invoker API jest dostępny w ramach
testowania pochodzenia.
Dzięki tej funkcji możesz deklaratywnie przełączać wyskakujące okienka, gdy zainteresowanie odwiedzającego jest aktywne przez krótki czas. Pożegnaj niepodlegający stylowi atrybut [title] i przywitaj [interesttarget]! Połącz go z
interfejsem Anchor Positioning API i
Popover API
aby tworzyć
bogate, responsywne i interaktywne elementy interfejsu, takie jak podpowiedzi czy karty po najechaniu kursorem,
bez użycia JavaScript. Możliwości są nieograniczone dzięki nowoczesnemu CSS.
3. Dostępnych jest kilka wbudowanych interfejsów API opartych na AI, które korzystają z wiodących modeli podstawowych, a teraz także z możliwości multimodalnych w interfejsie Prompt API
Kontynuujemy wdrażanie wbudowanej AI, która zapewnia większą prywatność, mniejsze opóźnienia i niższe koszty, a także dostęp do wysokiej jakości danych wygenerowanych przez AI. Wbudowana AI korzysta z modeli eksperckich i Gemini Nano, czyli najbardziej wydajnego modelu Google, do zadań wykonywanych na urządzeniu. Od Chrome 138 interfejsy Summarizer API, Language Detector API, Translator API i Prompt API dla rozszerzeń Chrome są dostępne w wersji stabilnej. Dodatkowo interfejsy Writer API i Rewriter API są dostępne w ramach testowania pochodzenia.
Nowy interfejs Proofreader API oraz interfejs Prompt API z możliwościami multimodalnymi są dostępne w Chrome Canary.
Aby uzyskać najnowsze informacje, dołącz do naszego programu wczesnego dostępu aby współpracować przy tworzeniu nowych wbudowanych interfejsów API opartych na AI i kształtować przyszłość AI w internecie.
4. AI po stronie klienta rozszerza się o Firebase i Gemini Developer API, aby zapewnić hybrydowe rozwiązanie AI
Dzięki współpracy z Firebase i Gemini Developer API możesz teraz tworzyć oparte na AI środowiska internetowe na urządzeniach mobilnych i komputerach. Te aplikacje korzystają z AI po stronie klienta, gdy jest to możliwe, i bezproblemowo skalują się do AI po stronie serwera, aby docierać do wszystkich urządzeń i przeglądarek. Od dziś Firebase AI Logic zapewnia bezproblemowy dostęp do wbudowanego w Chrome interfejsu Prompt API obsługiwanego przez Gemini Nano i podobne mniejsze modele po stronie serwera za pomocą Gemini Developer API.
5. Pomoc AI w narzędziach deweloperskich w Chrome ułatwia debugowanie w zakresie stylów, wydajności i innych aspektów
Dzięki pomocy AI, możesz rozmawiać z Gemini, aby debugować błędy stylów w panelu Elementy, rozwiązywać problemy z wydajnością w panelu Wydajność, identyfikować problemy z siecią w panelu Sieć i lokalizować pliki źródłowe w panelu Źródła. Ponadto pomoc AI może teraz stosować zmiany związane ze stylami bezpośrednio w kodzie źródłowym w panelu Elementy.
6. Dane rzeczywistych użytkowników, statystyki Lighthouse i funkcje AI w panelu Wydajność narzędzi deweloperskich w Chrome pomagają zrozumieć i rozwiązać problemy z wydajnością
Dzięki przeprojektowanemu panelowi Wydajność możesz teraz uzyskiwać dostęp do danych o podstawowych wskaźnikach internetowych lokalnych i rzeczywistych użytkowników oraz prosić Gemini o pomoc w zrozumieniu i rozwiązaniu problemów z wydajnością. Pasek boczny Statystyki zawiera statystyki Lighthouse w śladach, co ułatwia szybsze debugowanie bez konieczności opuszczania procesu roboczego i przerywania produktywności.
7. Dostępność funkcji Baseline jest teraz dostępna w znanych narzędziach: VS Code, ESLint i innych
Dzięki integracji z Baseline możesz osiągnąć większą dokładność i pewność w procesie tworzenia stron internetowych. W znanych narzędziach do tworzenia stron internetowych uzyskasz przejrzysty wgląd w dostępność funkcji internetowych w głównych przeglądarkach:
- IDE: VSCode wyświetla teraz stan Baseline funkcji podczas tworzenia, a wkrótce będzie obsługiwać WebStorm firmy JetBrains i IDE oparte na VS Code, w tym Firebase Studio, Windsurf, GitHub Codespaces i inne.
- Linters: linters CSS i HTML mogą proaktywnie ostrzegać, gdy używasz funkcji nowszej niż docelowa wersja Baseline. Baseline jest obsługiwany w ESLint dla CSS, HTML ESLint, i Stylelint.
- Analizy: RUMvision łączy dane Baseline z danymi rzeczywistych użytkowników, co pozwala strategicznie wybrać optymalną wersję Baseline dla odbiorców. Użytkownicy Google Analytics mogą przesyłać swoje dane do narzędzia Google Analytics Baseline Checker, aby otrzymywać rekomendacje dotyczące Baseline.
- Kompilatory: użyj browserslist-config-baseline , aby podłączyć docelowe wersje Baseline do narzędzi do kompilacji kodu, takich jak Babel i PostCSS, dzięki czemu możesz używać nowoczesnych funkcji w kodzie źródłowym i kompilować je w kompilacjach produkcyjnych.
8. Uzyskaj pełny wgląd w obsługę funkcji internetowych dzięki panelowi Web Platform Dashboard
W zeszłym roku ogłosiliśmy wprowadzenie panelu Web Platform Dashboard, a który umożliwia eksplorowanie danych o funkcjach internetowych które mapują całą platformę internetową jako zestaw funkcji. Dzięki temu, że zbiór danych o funkcjach internetowych jest teraz w 100% zmapowany, po raz pierwszy możesz zobaczyć stan Baseline każdej funkcji w każdej przeglądarce – od AVIF po przejścia widoku – w tym ich dostępność i stopień wdrożenia. Bądź na bieżąco i twórz z pewnością.
9. Wersja próbna dla deweloperów, która umożliwia uproszczone logowanie za pomocą Menedżera danych logowania
Zdajemy sobie sprawę, że wiele metod uwierzytelniania, w tym hasła, federacja tożsamości i klucze dostępu, mogą utrudniać korzystanie z Twoich witryn. Naszym celem jest zapewnienie użytkownikom jednolitego i łatwego logowania, dlatego wprowadzamy intuicyjny interfejs Menedżera danych logowania na Androida w Chrome. Wkrótce, gdy użytkownicy klikną Zaloguj się , Chrome wyświetli dane logowania dostępne w tej witrynie, takie jak klucze dostępu i hasła z Menedżera haseł Google, co ułatwi logowanie. Planujemy też dodać do tej funkcji federację tożsamości. Menedżer danych logowania w internecie jest teraz dostępny w wersji próbnej dla deweloperów. Więcej informacji podamy jeszcze w tym roku.
10. Szybsze iterowanie rozszerzeń Chrome dzięki możliwości anulowania sprawdzania przesłanego zgłoszenia
Przesyłanie rozszerzenia Chrome powinno być bezproblemowe, bezstresowe i ekscytujące. Wiemy jednak, że jednym z problemów było brak możliwości szybkiego naprawienia błędu w oczekującym zgłoszeniu. Na początku tego roku wprowadziliśmy możliwość anulowania oczekującego zgłoszenia, co uzupełnia możliwość przywrócenia wcześniej opublikowanej wersji. Wszystko to ma na celu umożliwienie szybkiego wprowadzania zmian i ponownego przesyłania.
Aby uzyskać najnowsze informacje, odwiedź developer.chrome.com i web.dev, aby dowiedzieć się więcej o tym, jak ułatwiamy tworzenie zaawansowanych stron internetowych. Zachęcamy też do kontaktu z nami na X, YouTube i LinkedIn. Do zobaczenia na kolejnej konferencji I/O.
Deloitte odnosi się do co najmniej jednej z firm Deloitte Touche Tohmatsu Limited, brytyjskiej spółki prywatnej z ograniczoną odpowiedzialnością („DTTL”), jej sieci firm członkowskich i powiązanych z nimi podmiotów. DTTL i każda z jej firm członkowskich są odrębnymi i niezależnymi podmiotami prawnymi. DTTL (nazywana też „Deloitte Global”) nie świadczy usług na rzecz klientów. W Stanach Zjednoczonych Deloitte odnosi się do co najmniej jednej z amerykańskich firm członkowskich DTTL, ich powiązanych podmiotów, które działają pod nazwą „Deloitte” w Stanach Zjednoczonych, oraz ich odpowiednich podmiotów stowarzyszonych. Niektóre usługi mogą być niedostępne dla klientów, którzy podlegają zasadom i przepisom dotyczącym rachunkowości publicznej. Więcej informacji o naszej globalnej sieci firm członkowskich znajdziesz na stronie www.deloitte.com/about.