Projekt Fugu API Showcase to zbiór aplikacji korzystających z interfejsów API opracowanych w kontekście Projektu Fugu. Więcej informacji o projekcie Fugu znajdziesz na stronie docelowej Możliwości.

Filtruj według

Używane interfejsy API

Odkryj najnowsze funkcje w Chrome.

Zaawansowane atrybuty CSS, funkcja text-box-trim, zapytania kontenera scroll-state i inne.

Wersja Chrome 133 jest już dostępna. Dostępne są nowe, ekscytujące funkcje CSS i wiele innych, które warto poznać.

Stała historia czatu z AI, lepsza nawigacja, możliwość ignorowania informacji o wyświetleniu i wyświetlenie ścieżek w panelu „Skuteczność”, nowy panel „Co nowego” i inne nowości.

Dodatkowe formaty wierzchołków unorm8x4-bgra i 1-komponentowych, możliwość wysyłania nieznanych limitów z niezdefiniowaną wartością, zmiany reguł wyrównywania WGSL, wzrost wydajności WGSL dzięki odrzuceniu i wiele innych.

Dowiedz się więcej o najnowszych funkcjach w Chrome.

Chrome 132 jest już dostępna. Element Dialog otrzymuje zdarzenie ToggleEvent, obsługuje udostępnianie filmów na poziomie elementu, a interfejs File System Access API obsługuje Androida i WebViews.

ToggleEvent dla dialogu, obsługa udostępniania filmów na poziomie elementu oraz interfejs File System Access API obsługujący Androida i WebViews.

Użycie widoku tekstur, mieszanie tekstur 32-bitowych typu float, atrybut adapterInfo typu GPUDevice, konfigurowanie kontekstu kanwy z nieprawidłowym formatem, który powoduje błąd JavaScript, filtrowanie ograniczeń próbkowania w przypadku tekstur, eksperymentowanie z rozszerzonymi podgrupami, ulepszanie środowiska programisty, eksperymentalna obsługa 16-bitowych skompresowanych formatów tekstur i inne.

Debuguj żądania sieciowe, pliki źródłowe i ślady wydajności za pomocą Gemini, wyświetlaj historię czatu z AI i wykonuj inne czynności.

Wersja Chrome 131 jest już dostępna. Więcej stylów CSS dla elementu szczegółów, prostszy układ do drukowania z polami marginesów strony i wiele innych.

Zmiany w dziedziczeniu wyróżnień CSS, więcej stylów CSS dla elementu szczegółów, prostszy układ strony do druku z polami marginesów strony i inne.

Odległości odcięcia w WGSL, getConfiguration() w GPUCanvasContext, punkty i linie nie mogą mieć zniekształcenia głębi, wbudowane funkcje skanowania łącznie dla podgrup, eksperymentalna obsługa wielokrotnego rysowania pośredniego, opcja kompilacji modułu shadera „strict math”, usunięcie metody GPUAdapter requestAdapterInfo() i inne.

Możesz między innymi debugować CSS za pomocą Gemini, dodawać adnotacje do wyników i przeglądać statystyki w panelu Skuteczność oraz wykrywać nadmierne przesunięcia układu i nieskomponowane animacje.

Poznaj funkcje, które pojawią się w Chrome w ramach najnowszej wersji beta.

Wersja Chrome 130 jest już dostępna. Funkcja Obraz w obrazie w dokumentach zapewnia większą kontrolę nad oknami obrazu w obrazie, deklaracje zagnieżdżone w CSS rozwiązują niektóre trudne przypadki, a użytkownik może określić sposób działania dekoracji na elementach podzielonych na kilka linii. Pete LePage szczegółowo informuje o nowościach dla programistów w Chrome 130.

Mieszanie 2 źródeł, krótszy czas kompilowania cieniowania w przypadku metalu, wycofanie interfejsu GPUAdapter requestAdapterInfo() i inne ulepszenia.

Rekomendacje dotyczące wskaźników aktywnych i menu nawigacyjnego, do których możesz się poruszać m.in. w panelu Wydajność, udoskonalonych filtrach sieci i oczyszczonych eksportach HAR.

Przetestuj swoją witrynę pod kątem funkcji i zmian w najnowszej wersji Chrome w wersji beta.

Chrome 129 jest już w drodze! Potrafisz wykonywać długie zadania – aby poprawić wydajność, możesz animować elementy o rozmiarach wewnętrznych, wprowadzić kilka zmian w składni pozycjonowania zakotwiczonych i nie tylko. Pete LePage podaje wszystkie szczegóły dotyczące nowości dla programistów w Chrome 129.

Obsługa HDR z trybem mapowania tonacji obrazu, rozszerzona obsługa podgrup i inne funkcje.

Żądania wyszukiwania na karcie Skuteczność > Sieć, używaj danych testowych w formularzach adresowych dzięki autouzupełnianiu, eksportuj do Puppeteer w przeglądarce Firefox w panelu Dyktafon, szybko obserwuj problemy z wydajnością dzięki obserwacjom w panelu Wydajność.

Ten post zawiera szczegółowe informacje na temat funkcji dostępnych w bieżącej wersji beta, by sprawdzić, jak wygląda nowa wersja Chrome.

Eksperymentowanie z podgrupami, wycofywanie odchylenia ustawień głębi w przypadku linii i punktów, ukrywanie niezarejestrowanych błędów w Narzędziach deweloperskich w przypadku metody preventDefault, interpolowanie próbkowania WGSL najpierw i jednocześnie inne, m.in.

Wprowadzamy Chrome 128. Dzięki ulepszonemu wyświetlaniu elementów rubinowych ze znakami podziału wiersza interfejs Promise.try do łatwiejszego uruchamiania łańcuchów Promise, interfejs PointerEvent rozszerzył możliwość jednoznacznego identyfikowania wielu długopisów i oferuje mnóstwo innych funkcji. Adriana Jara szczegółowo informuje o nowościach dla programistów w Chrome 128.

Statystyki z konsoli są dostępne w Europie, ulepszona ścieżka sieciowa i interfejs API umożliwiające dostosowywanie ścieżek w panelu Wydajność.

Eksperymentalna obsługa OpenGL ES na Androidzie, atrybut informacji GPUAdapter, ulepszenia interoperacyjności WebAssembly i inne funkcje.

Wprowadzamy Chrome 127. Dzięki obsłudze funkcji dostosowania rozmiaru czcionki w interfejsie Document Picture-in-Picture API aktywacje użytkowników są rozpowszechniane, kontenery przewijania możliwe do zaznaczenia za pomocą klawiatury i wiele innych udogodnień. Adriana Jara szczegółowo informuje o nowościach dla programistów w Chrome 127.

Pozycjonowanie zakotwiczonych CSS w Elementach, ulepszone ustawienie „Nigdy nie wstrzymuj tutaj” w Źródłach, nowe detektory zdarzeń przyciągania przewijania, zaktualizowane gotowe ustawienia ograniczania wykorzystania sieci i inne ulepszenia.

Przetestuj najnowsze funkcje Chrome, pobierając wersję beta.

Zwiększ limit maxTextureArraylayer, optymalizacja przesyłania bufora dla backendu Vulkan, skrócenie czasu kompilowania programu do cieniowania; przesłane bufory poleceń muszą być unikalne; aktualizacje Dawn.

Udostępniamy Chrome 126. Dzięki obsłudze przejścia między dokumentami w interfejsie ViewMoves API interfejs CloseWatcher API został ponownie włączony i dostosowany do interfejsu Gamepad API – jest to dużo więcej i wiele więcej. Adriana Jara opowiada o nowościach dla deweloperów Chrome 126.

Ulepszony tryb konfiguracji ścieżki, lista ignorowanych na wykresie płomieniowym i 20-krotne ograniczenie procesora w panelu Wydajność.

Chrome 126 w wersji beta obejmuje przejścia w różnych dokumentach, a także rozszerzenie do interfejsu Gamepad API i inne funkcje.

Wdrażamy Chrome 125. Zawiera on między innymi interfejs CSS Anchor Positioning API, Compute Pressure API, rozszerzenie do interfejsu Storage Access API i wiele innych korzyści. Adriana Jara opowiada o nowościach dla deweloperów Chrome 125.

Przyczyny błędów w konsoli, statystyki selektora arkusza CSS w sekcji Skuteczność, nagłówki Wczesne wskazówki w sekcji Sieć itp.

Podgrupy są w trakcie opracowywania i są renderowane na wycinek tekstury 3D.

Udostępniamy Chrome 124. Istnieją 2 nowe interfejsy API, które pozwalają na używanie deklaratywnego modelu DOM w języku JavaScript. Możesz używać strumieni w Web Sockets. Przejścia widoku są trochę lepsze. A to jeszcze nie wszystko. Pete LePage informuje o nowościach dla programistów Chrome 124.

Tekstury pamięci masowej tylko do odczytu oraz do odczytu i zapisu, obsługa mechanizmów Service Worker i udostępnionych instancji roboczych, nowe atrybuty informacji o adapterach oraz poprawki błędów.

Obsługa animacji przewijanych, nowy panel autouzupełniania, nowe opcje WebRTC do ograniczania przepustowości sieci i nie tylko.

Udostępniamy Chrome 123. Dzięki nowej funkcji jasno-ciemnej, Long Animation Frames API, Service Worker Static Routing API i wielu innym. Adriana Jara opowiada o nowościach dla deweloperów Chrome 123.

Obsługa wbudowanych funkcji DP4a, nieograniczone parametry wskaźnika, cukier składniowy do usuwania odniesień do elementów złożonych w WGSL i nie tylko.

Ukryty żart, emulacja strony w Elementach > Style, nowy audyt Lighthouse i inne ulepszenia.

Funkcja kolorów CSS light-dark(), wyrównywanie zawartości bloków, właściwość „field-sizing” i zdarzenie pagereveal.

Udostępniamy Chrome 122. Wraz z nowym interfejsem Storage buckets API, aktualizacji panelu wydajności narzędzi deweloperskich, niesprawdzonej opcji odczytu kodu HTML za pomocą interfejsu Async Clipboard API i wielu innych korzyści. Adriana Jara opowiada o nowościach dla deweloperów Chrome 122.

Tryb zgodności w fazie opracowywania, zwiększanie limitu maxVertexAttributes i aktualizacje Dawn.

Ostrzeżenia o wycofaniu plików cookie innych firm w panelach Sieć i aplikacja, ulepszone debugowanie w panelu Sieć, menu nawigacyjne w panelu Wydajność itp.

Udostępniamy Chrome 121. Aktualizacje CSS, ulepszenia interfejsu Speculation Rules API, wersje próbne origin interfejsu Element Capture API i wiele innych korzyści. Adriana Jara opowiada o nowościach dla deweloperów Chrome 121.

Obsługa WebGPU na Androidzie, korzystanie z DXC do kompilacji programu do cieniowania, zapytania o sygnatury czasowe podczas obliczania i renderowania, domyślne punkty wejścia do modułów cieniowania, obsługa wyświetlacza p3 jako przestrzeni kolorów GPUExternalTexture, informacji o stertach pamięci i nie tylko.

Obsługa 16-bitowych wartości zmiennoprzecinkowych w WGSL, zwiększanie limitów, zmienianie stanu szablonu głębokiego, aktualizowanie informacji o adapterach i nie tylko.

Bądź na bieżąco z najnowszymi zmianami na WebGPU.

Obsługa @font-palette-values w sekcji Elementy, ulepszona obsługa map źródłowych, ulepszona Wydajność > ścieżka interakcji i wiele innych.

Wprowadzamy Chrome 120! Dzięki interfejsowi NearWatch API, który zapewnia spójność obsługi żądań zamknięcia, udostępniliśmy prostą implementację wzorca akordeonu przy użyciu elementu szczegółów, a także raporty o naruszeniach zasad dotyczących uprawnień i wiele więcej.

Udostępniamy Chrome 119. W związku z zmianą daty ważności plików cookie, które są już przechowywane. CSS oferuje nowe pseudoklasy, względną składnię kolorów, ulepszenia ramek Fenceed Frames, takie jak makra rozmiaru reklamy, oraz wiele innych możliwości.

Filtrowalne 32-bitowe tekstury pływające, format wierzchołka unorm10-10-10-2, format tekstu RGB10a2uint i inne.

Udostępniamy Chrome 118. Zadeklaruj określone style w komponencie za pomocą reguły CSS @scope. Użyj nowej funkcji multimediów: preferowana zmniejszona przejrzystość. W Narzędziach deweloperskich znajdują się ulepszenia w panelu Źródła i wiele więcej.

Rozszerzona obsługa źródła dla tekstu copyExternalImageToTexture, eksperymentalna obsługa tekstur pamięci masowej do odczytu i zapisu oraz tylko do odczytu i nie tylko.

Udostępniamy Chrome 117. Dzięki 3 nowym funkcjom CSS, które ułatwiają dodawanie płynnych animacji wejścia i wyjścia, grupowania tablic w celu obliczenia zbiorów danych o wyższej kolejności, narzędzia deweloperskie ułatwiają lokalne zastąpienia.

Anuluj ustawienie bufora wierzchołków i grupy powiązań, sprawdź, czy utracone urządzenia działają i nie tylko.

Udostępniamy Chrome 116. Używaj interfejsu API Obraz w obrazie, aby zwiększyć produktywność użytkowników, teraz można łatwiej debugować brakujące arkusze stylów w Narzędziach deweloperskich, a oprócz tego można robić wiele innych rzeczy.

Integracja WebCodecs, ulepszenia odtwarzania filmów i inne funkcje.

Za pomocą ScrollTimeline i ViewTimeline możesz tworzyć animacje przewijane, które zwiększają wygodę użytkowników. Chronione ramki współdziałają z innymi interfejsami API Piaskownicy prywatności, aby umieszczać odpowiednie treści i jednocześnie zapobiegać zbędnemu udostępnianiu kontekstu. Dzięki interfejsowi Topics API przeglądarka może udostępniać innym firmom informacje o zainteresowaniach użytkownika, chroniąc przy tym prywatność i nie tylko.

Obsługiwane rozszerzenia języka WGSL, eksperymentalna obsługa Direct3D 11 i inne.

Optymalizacja JavaScript i nie tylko.

Udostępniamy Chrome 114. Udostępniamy Chrome 114. Dzięki zawijaniu tekstu: zachowanie równowagi w celu poprawy układu tekstu oraz stosowanie niezależnego stanu partycjonowania plików cookie, nowego interfejsu Popover API ułatwia wyświetlanie okien typu popover, a oprócz tego – nie tylko.

Dowiedz się, jak technologia WebGPU wykorzystuje moc GPU, aby przyspieszyć działanie systemów uczących się i lepiej renderować grafikę.

Udostępniamy Chrome 113. Interfejs WebGPU pozwala na wydajną grafikę 3D i obliczenia równoległe danych w internecie, a narzędzia deweloperskie mogą teraz zastępować nagłówki odpowiedzi sieciowych (zestawy własne) w ramach Piaskownicy prywatności, co umożliwia organizacjom zadeklarowanie, że zaczyna się wdrażanie powiązanych stron.

WebGPU jest dostarczany w Chrome z integracją WebCodecs w ramach testowania origin.

Udostępniamy Chrome 112. CSS obsługuje teraz reguły zagnieżdżania. Zaktualizowaliśmy algorytm określający początkowy element okien dialogowych, a moduły obsługi pobierania bez operacji w mechanizmach Service Worker są od tej pory pomijane, aby przyspieszyć nawigację, i nie tylko.

Udostępniamy Chrome 111. Twórz dopracowane przejścia w aplikacji jednostronicowej za pomocą interfejsu View Transitions API i ulepszaj kolory dzięki obsłudze CSS „color” na poziomie 4. Odkryj nowe narzędzia w panelu stylu, które pozwolą Ci w pełni wykorzystać nowe funkcje związane z kolorami. Znajdziesz też wiele innych ulepszeń.

Udostępniamy Chrome 110. Dodaj styl niestandardowy do elementów obraz w obrazie za pomocą nowej pseudoklasy :obraz w obrazie, ustaw działanie uruchamiania aplikacji internetowej za pomocą funkcjilaunch_handler, użyj atrybutu bez danych logowania w elementach iframe, aby umieścić treści innych firm bez określania zasad dotyczących umieszczania zasobów z innych domen. A to jeszcze nie wszystko.

Wdrażamy Chrome 109. Interfejs Origin Private File System API jest teraz dostępny na Androida. Wprowadziliśmy też zestaw nowych właściwości w CSS, możesz łatwo dodawać zapisy matematyczne w kodzie HTML dzięki obsłudze rdzeni MathML. A to nie tylko.

Wdrażamy Chrome 108. Wprowadzono nowe międzynarodowe interfejsy API, które dają Ci większą kontrolę przy formatowaniu liczb. Udostępniamy testy origin nowego interfejsu Pop Up API, które ułatwiają prezentowanie użytkownikom treści o znaczeniu krytycznym. Wprowadziliśmy kilka ulepszeń CSS. To jeszcze nie wszystko.

Udostępniamy Chrome 107. W interfejsie Screen Capture API są nowe właściwości, które usprawniają udostępnianie ekranu.Możesz teraz dokładnie sprawdzić, czy zasób na Twojej stronie blokuje renderowanie czy nie.Istnieje nowy sposób wysyłania danych do serwera backendu za pomocą deklaratywnego interfejsu PendingBeacon API w ramach testowania origin. To jeszcze nie wszystko.

Wdrażamy Chrome 106. Wprowadzono nowe międzynarodowe interfejsy API, które dają Ci większą kontrolę przy formatowaniu liczb. Udostępniamy testy origin nowego interfejsu Pop Up API, które ułatwiają prezentowanie użytkownikom treści o znaczeniu krytycznym. Wprowadziliśmy kilka ulepszeń CSS. To jeszcze nie wszystko.

Wdrażamy Chrome 105. Zapytania w kontenerze i znaki :has() to dopasowanie w elastyczny sposób. Nowy interfejs Sanitizer API zapewnia solidny procesor dla dowolnych ciągów, co pomaga ograniczyć luki w zabezpieczeniach związane ze skryptami z innych witryn. Robimy kolejny krok w kierunku wycofania WebSQL. To jeszcze nie wszystko.

Udostępniamy Chrome 104. Przechwytywanie regionu określa obszar przycinania, gdy używana jest metoda getDisplayMedia() do przechwytywania bieżącej karty. Składnię zapytań o media można zapisywać za pomocą matematycznych operatorów porównania. Przenoszenie elementów udostępnionych rozpoczyna testowanie origin. To jeszcze nie wszystko.

Udostępniamy Chrome 103. Dostępny jest nowy kod stanu HTTP, który pomaga przeglądarce zdecydować, jakie treści wstępnie wczytać, jeszcze zanim strona pojawi się na stronie. Interfejs Local Font Access API umożliwia aplikacjom internetowym wybieranie i używanie czcionek zainstalowanych na komputerze użytkownika. Istnieje łatwiejszy sposób na implementację limitów czasu w asynchronicznych interfejsach API. To jeszcze nie wszystko.

Udostępniamy Chrome 102. Zainstalowane aplikacje PWA mogą być rejestrowane jako moduły obsługi plików, co ułatwia użytkownikom otwieranie plików bezpośrednio z dysku. Atrybut inert pozwala oznaczyć fragmenty DOM jako bezwładne. Interfejs API nawigacji ułatwia aplikacjom jednostronicowym obsługę nawigacji i aktualizacji adresu URL. To jeszcze nie wszystko.

Wdrażamy Chrome 101 z nową metodą określania koloru za pomocą notacji hwb, która umożliwia zasygnalizowanie przeglądarce idealnej kolejności pobierania zasobów. To jeszcze nie wszystko.

Obecnie wprowadzamy Chrome 100 z 3-cyfrowym numerem wersji. Wybierz się na spacer ścieżką wspomnień i świętuj #100CoolWebMoments od premiery pierwszej wersji Chrome. Wprowadzono kilka ważnych zmian w ciągu klienta użytkownika. Interfejs Multi-Screen Window Placement API pozwala wyliczać ekrany podłączone do komputera użytkownika i rozmieszczać okna na określonych ekranach. To jeszcze nie wszystko.

Wdrażamy Chrome 95! Routing jest łatwiejszy dzięki wtyczce URLPattern w przeglądarce, interfejs Eye Dropper API udostępnia wbudowane narzędzie do wybierania kolorów, udostępniliśmy nowy test źródła, który teraz otrzymuje ograniczony ciąg UA, i wiele więcej.

Wdrażamy Chrome 93. Arkusze stylów CSS można teraz ładować za pomocą instrukcji importu (tak jak w przypadku modułów JavaScript). Zainstalowane aplikacje PWA mogą być rejestrowane jako moduły obsługi adresów URL, dzięki czemu użytkownicy mogą od razu przechodzić do takich aplikacji. Interfejs Multi-Screen Window Placement API został zaktualizowany na podstawie Waszych opinii i rozpoczyna drugi test origin. Skracamy cykl wydawania wersji do 4 tygodni. To jeszcze nie wszystko.

Udostępniamy Chrome 91 Aplikacje internetowe, które korzystają z plików, mogą teraz sugerować nazwy plików i katalogi przy użyciu interfejsu File System Access API. Możesz też odczytywać pliki ze schowka. Jeśli Twoja witryna ma więcej niż jedną domenę i korzysta z tego samego backendu do zarządzania kontem, możesz wskazać w Chrome, że są one takie same, co pozwoli menedżerowi haseł na zaproponowanie odpowiednich danych logowania. Dodatkowo wszystkie filmy z konferencji I/O są już dostępne, a dodatkowo jest ich jeszcze więcej.

Learn about the latest features shipping in Chrome.

Chrome 130 is rolling out now! Document picture in picture gives you more control over picture in picture windows, CSS Nested declarations fix some tricky edge cases, and you can specify how decorations on elements split across multiple lines behave, and there's plenty more!

Chrome 129 is rolling out now! You can yield in long tasks to improve performance, you can animate elements with intrinsic sizes, there are some changes to anchor positioning syntax, and there's plenty more.

Chrome 128 is starting to roll out on August 20th, 2024, with CSS ruby-align property, Promise.try, and there's plenty more.

Get a preview of the next Chrome release with this post detailing the features in the current beta.

Chrome 127 is starting to roll out on July 23rd, 2024, with CSS font-size-adjust, keyboard focusable scroll containers, and there's plenty more.

Chrome 126 is starting to roll out on June 11th, 2024, with cross document view transitions, reenabling the CloseWatcher API, trigger-rumble for the Gamepad API, and there's plenty more.

Chrome 125 is starting to rolling out on May 14th, 2024, with CSS Anchor Positioning, the Compute Pressure API, new Baseline features, and there's plenty more.

CSS Anchor Positioning, CSS stepped functions, the Compute Pressure API, and more.

Chrome 124 is starting to rolling out on April 16th, 2024, with setHTMLUnsafe, streams in WebSockets, and there's plenty more.

The writingsuggestions HTML attribute, the WebSocketStream API, priority HTTP request header, and more.

CSS Scrollbars, the Storage Buckets API, the Speculation Rules API, and more.