Odkryj Chrome
chrome.i18n
Aby wdrożyć międzynarodowość w całej aplikacji lub rozszerzeniu, użyj infrastruktury chrome.i18n. Jeśli rozszerzenie ma katalog /_locales, plik manifest musi definiować "default_locale". Wszystkie widoczne dla użytkownika ciągi tekstowe należy
- Rozszerzenia do Chrome
Lepsze renderowanie tekstu w przeglądarkach opartych na Chromium w systemie Windows
Zespół Edge dodał obsługę wartości w Windows ClearType Tuner bezpośrednio w Chromium, co poprawia renderowanie tekstu w przeglądarkach opartych na Chromium w systemie Windows.
- Chrome
chrome.storage
Użyj interfejsu API chrome.storage, aby przechowywać, pobierać i śledzić zmiany w danych użytkownika. Aby korzystać z interfejsu Storage API, w manifest rozszerzenia zadeklaruj uprawnienie "storage". Na przykład: Interfejs Storage API umożliwia
- Rozszerzenia do Chrome
chrome.storage
Użyj interfejsu API chrome.storage, aby przechowywać, pobierać i śledzić zmiany w danych użytkownika. Interfejs Storage API umożliwia przechowywanie danych i stanu użytkownika w sposób specyficzny dla rozszerzenia. Jest podobny do interfejsów API
- Rozszerzenia do Chrome
Sztuczna inteligencja
AI w Chrome Witamy w nowej erze internetu z AI. Zobacz, jak AI może ułatwić deweloperom tworzenie zaawansowanych rozwiązań internetowych. Odkryj możliwości Gemini Nano w Chrome. Wbudowana sztuczna inteligencja Wprowadzamy Gemini Nano, najwydajniejszy
Docs
Przykładowe fragmenty kodu, przewodniki i materiały referencyjne interfejsu API potrzebne do tworzenia treści.
Chrome for Developers
Pomagamy Ci tworzyć, rozwijać się i wprowadzać innowacje w internecie.
- Chrome
chrome.userScripts
Użyj interfejsu userScripts API, aby wykonać skrypty użytkownika w kontekście skryptów użytkownika. Aby używać interfejsu User Scripts API, chrome.userScripts, dodaj do pliku manifest.json uprawnienia "userScripts" i "host_permissions" dla witryn, w
- Rozszerzenia do Chrome
chrome.printing
Użyj interfejsu API chrome.printing, aby wysyłać zadania drukowania do drukarek zainstalowanych na Chromebooku. Wszystkie metody i zdarzenia chrome.printing wymagają zadeklarowania uprawnienia "printing" w pliku manifestu rozszerzenia. Na przykład:
- Rozszerzenia do Chrome
chrome.printing
Użyj interfejsu API chrome.printing, aby wysyłać zadania drukowania do drukarek zainstalowanych na Chromebooku. Wszystkie metody i zdarzenia chrome.printing wymagają zadeklarowania uprawnienia "printing" w pliku manifestu rozszerzenia. Na przykład:
- Rozszerzenia do Chrome
Chrome 134 beta
Odkryj najnowsze funkcje w Chrome.
- Chrome
automatycznie włączać obraz w obrazie podczas odtwarzania multimediów,
Chrome pozwala aplikacjom internetowym odtwarzającym multimedia na automatyczne włączanie obrazu w obrazie.
- Chrome
Rozszerzenia / Pierwsze kroki
Podstawowe informacje o rozszerzeniach do Chrome
- Rozszerzenia do Chrome
chrome.enterprise.platformKeys
Użyj interfejsu API chrome.enterprise.platformKeys, aby wygenerować klucze i zainstalować certyfikaty dla tych kluczy. Certyfikatami będzie zarządzać platforma. Można ich używać do uwierzytelniania TLS, dostępu do sieci lub przez inne rozszerzenie za
- Rozszerzenia do Chrome
chrome.enterprise.platformKeys
Użyj interfejsu API chrome.enterprise.platformKeys, aby wygenerować klucze i zainstalować certyfikaty dla tych kluczy. Certyfikatami będzie zarządzać platforma. Można ich używać do uwierzytelniania TLS, dostępu do sieci lub przez inne rozszerzenie za
- Rozszerzenia do Chrome
Chrome 133
Zaawansowane atrybuty CSS, funkcja text-box-trim, zapytania kontenera scroll-state i inne.
- Chrome
Nowości w Chrome 133
Wersja Chrome 133 jest już dostępna. Dostępne są nowe, ekscytujące funkcje CSS i wiele innych, które warto poznać.
- Chrome
Tryb aplikacji z kartami dla PWA
Tryb aplikacji z kartami umożliwia programistom progresywnych aplikacji internetowych dodawanie do samodzielnych aplikacji PWA interfejsu dokumentu z kartami.
Popraw proces logowania w witrynie za pomocą karty uwierzytelniającej na Androida
Ulepszone uwierzytelnianie internetowe dzięki karcie uwierzytelniania na Androida
- Chrome
Zwiększanie zaangażowania użytkowników dzięki historii dotyczącej aplikacji na kartach niestandardowych w Chrome
Wprowadzamy historię związaną z poszczególnymi aplikacjami w przypadku kart niestandardowych Chrome na Androida
- Chrome
Ulepsz przeglądanie przez użytkowników dzięki historii w aplikacji
Jak używać historii dotyczącej konkretnej aplikacji na urządzeniu z Androidem
Uprość uwierzytelnianie za pomocą karty uwierzytelniania
Jak używać specjalistycznego karty uwierzytelniania w aplikacji na Androida
Poprawianie prywatności użytkowników w internecie dzięki tymczasowym niestandardowym kartom
Jak korzystać z ulotnych kart niestandardowych w aplikacji na Androida
chrome.runtime
Użyj interfejsu API chrome.runtime, aby pobrać usługę workera, zwrócić szczegóły manifestu i słuchać zdarzeń w cyklu życia rozszerzenia oraz na nie odpowiadać. Za pomocą tego interfejsu API możesz też konwertować względną ścieżkę adresów URL na pełne
- Rozszerzenia do Chrome
chrome.permissions
Użyj interfejsu API chrome.permissions, aby poprosić o deklarowane opcjonalne uprawnienia w czasie działania aplikacji, a nie w czasie instalacji. Dzięki temu użytkownicy będą rozumieć, do czego są potrzebne te uprawnienia, i przyznawać tylko te,
- Rozszerzenia do Chrome
chrome.permissions
Użyj interfejsu chrome.permissions API, aby poprosić o deklarowane opcjonalne uprawnienia w czasie działania aplikacji, a nie w czasie instalacji. Dzięki temu użytkownicy będą rozumieć, do czego są potrzebne te uprawnienia, i przyznawać tylko te,
- Rozszerzenia do Chrome
Nowości w DevTools w Chrome 133
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.
- Narzędzia deweloperskie w Chrome
- Chrome
Co się dzieje z rozszerzeniami do Chrome w styczniu 2025 r.
Omówienie ostatnich zmian w rozszerzeniach do Chrome oraz omówienie ciekawych funkcji rozszerzeń, które wkrótce zostaną udostępnione deweloperom.
- Rozszerzenia do Chrome
- Chrome
Nowości w WebGPU (Chrome 133)
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.
- Chrome
- WebGpu
chrome.bookmarks
Użyj interfejsu API chrome.bookmarks do tworzenia, porządkowania i modyfikowania zakładek. Zapoznaj się też z artykułem Zastępowanie stron, w którym znajdziesz informacje o tworzeniu niestandardowej strony Menedżera zakładek. Aby korzystać
- Rozszerzenia do Chrome
chrome.bookmarks
To uprawnienie uruchamia upomnienie. Użyj interfejsu API chrome.bookmarks do tworzenia, porządkowania i modyfikowania zakładek. Zapoznaj się też z artykułem Zastępowanie stron, w którym znajdziesz informacje o tworzeniu niestandardowej strony
- Rozszerzenia do Chrome
Sprawdzone metody zarządzania sesjami za pomocą interfejsu Prompt API
W tym przewodniku przedstawiamy sprawdzone metody zarządzania sesjami za pomocą interfejsu Prompt API.
Informacje o wersjach
Dowiedz się więcej o zmianach w Chrome, które mają wpływ na deweloperów
- Chrome
Nowości w Chrome
Nowości w Chrome Informacje o najnowszych aktualizacjach Chrome znajdziesz w naszej dokumentacji i na blogu. nowe treści i ważne aktualizacje dokumentacji; article Jak duże modele językowe przesyłają odpowiedzi nowa dokumentacja, która pomoże Ci
Zmiany zasad Chrome Web Store: zapewnienie przejrzystości i spójności dla deweloperów
Sklep Chrome Web Store dokłada wszelkich starań, aby zapewnić deweloperom i użytkownikom wysoką jakość i godność zaufania. W związku z tym ogłaszamy serię aktualizacji zasad, które mają na celu zapewnienie przejrzystości i spójności na naszej
- Chrome
- Rozszerzenia do Chrome
Sprawdzone metody renderowania odpowiedzi LLM przesyłanych strumieniowo
Aby wyświetlać odpowiedzi strumieniowe z Gemini za pomocą interfejsów API, które obsługują strumieniowanie, takich jak Prompt API, stosuj te sprawdzone metody dotyczące front-endu.
Upraszczanie wykrywania funkcji WebAuthn w przypadku kluczy dostępu
Dowiedz się, jak wykrywać możliwości WebAuthn za pomocą funkcji getClientCapabilities() i dostosowywać procesy uwierzytelniania do potrzeb użytkowników.
- Chrome
- Klucze dostępu
Tłumaczenie za pomocą wbudowanej AI
Zintegrowany interfejs Translator API umożliwia tłumaczenie dowolnych treści z języka źródłowego na docelowy. Weź udział w testach origin interfejsu Protected Audience API.
Jak duże modele językowe przesyłają odpowiedzi
Dowiedz się, czym jest strumieniowanie i jak działa w połączeniu z AI i LLM.
Zatrzymanie w trybie oszczędzania energii
Od wersji 133 Chrome odpowiednie karty w tle, które intensywnie wykorzystują procesor, będą zamrażane, gdy tryb Oszczędzanie energii jest aktywny.
- Chrome
Wskazówki dotyczące Narzędzi deweloperskich
Wskazówki dotyczące Narzędzi deweloperskich
- Narzędzia deweloperskie w Chrome
Multimedia
Popraw sposób umieszczania obrazów, filmów i innych elementów w swoich witrynach i aplikacjach internetowych.
Klucze dostępu w Menedżerze haseł Google są teraz dostępne na iOS
Chrome w systemie iOS 17 lub nowszym może teraz tworzyć, synchronizować i uwierzytelniać się za pomocą kluczy dostępu w Menedżerze haseł Google (GPM). Dzięki temu klucze dostępu w GPM są dostępne wszędzie tam, gdzie działa Chrome.
- Klucze dostępu
- Chrome
Ulepszona funkcja CSS attr()
Funkcję attr() możesz teraz używać z dowolną właściwością CSS, w tym z właściwościami niestandardowymi, a ona może analizować wartości w inne typy danych niż ciągi znaków.
- Chrome
Chrome 133 beta
Dowiedz się więcej o najnowszych funkcjach w Chrome.
- Chrome
scroll-state() w CSS
Podobnie jak zapytania kontenera, ale w przypadku zablokowanych, przyciśniętych i przepełnionych zapytań.
- Chrome
Chrome Extensions
Dowiedz się, jak tworzyć rozszerzenia do Chrome.
- Rozszerzenia do Chrome
Nowości w Chrome 132
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.
- Chrome
Wprowadzanie Gemini w Narzędziach deweloperskich w Chrome
Poznaj ciekawe przypadki użycia nowego panelu pomocy AI w Narzędziach deweloperskich
- Narzędzia deweloperskie w Chrome
- Chrome
CSS text-box-trim
Zmniejsz odstępy od góry i dołu tekstu, aby uzyskać równowagę optyczną.
- Chrome
Chrome 132
ToggleEvent dla dialogu, obsługa udostępniania filmów na poziomie elementu oraz interfejs File System Access API obsługujący Androida i WebViews.
- Chrome
chrome.sockets.udp
Wysyłaj i odbieraj dane w sieci za pomocą połączeń UDP, korzystając z interfejsu chrome.sockets.udp API. Ten interfejs API zastępuje funkcję UDP, która była wcześniej dostępna w interfejsie „socket”. Aby korzystać z tego interfejsu API, musisz
chrome.tabs
Użyj interfejsu API chrome.tabs, aby wchodzić w interakcje z systemem kart przeglądarki. Za pomocą tego interfejsu API możesz tworzyć, modyfikować i przestawiać karty w przeglądarce. Interfejs Tabs API udostępnia nie tylko funkcje manipulowania
- Rozszerzenia do Chrome
chrome.tabs
Użyj interfejsu API chrome.tabs, aby wchodzić w interakcje z systemem kart przeglądarki. Za pomocą tego interfejsu API możesz tworzyć, modyfikować i przestawiać karty w przeglądarce. Interfejs Tabs API udostępnia nie tylko funkcje manipulowania
- Rozszerzenia do Chrome
Przechwytuj strumień wideo z dowolnego elementu
Interfejs Element Capture API to wydajny i niezawodny sposób przekształcania przechwyconej karty bieżącej w poddrzewo DOM.
Zakończyliśmy obsługę rozszerzenia Web Vitals
Połączenie rozszerzenia Web Vitals z Narzędziami deweloperskimi zostało zakończone, a obsługa rozszerzenia została zakończona.
- Narzędzia deweloperskie w Chrome
- Chrome
Zwycięzcy konkursu na wbudowaną AI
Poznaj zwycięskie aplikacje i rozszerzenia z wyzwania dotyczącego wbudowanej AI, w którym zachęcaliśmy do odkrywania nowych możliwości z Gemini Nano w Chrome.
- Chrome
chrome.cookies
Użyj interfejsu API chrome.cookies, aby wysyłać zapytania o pliki cookie i je modyfikować oraz otrzymywać powiadomienia o ich zmianach. Aby korzystać z interfejsu API plików cookie, musisz zadeklarować w pliku manifestu uprawnienia „cookies” oraz
- Rozszerzenia do Chrome
chrome.ttsEngine
Aby zaimplementować mechanizm zamiany tekstu na mowę(TTS) za pomocą rozszerzenia, użyj interfejsu API chrome.ttsEngine. Jeśli Twoje rozszerzenie zarejestruje się za pomocą tego interfejsu API, będzie otrzymywać zdarzenia zawierające wypowiedź do
- Rozszerzenia do Chrome
chrome.ttsEngine
Aby zaimplementować mechanizm konwersji tekstu na mowę(TTS) za pomocą rozszerzenia, użyj interfejsu chrome.ttsEngine API. Jeśli Twoje rozszerzenie zarejestruje się za pomocą tego interfejsu API, będzie otrzymywać zdarzenia zawierające wypowiedź do
- Rozszerzenia do Chrome
chrome.cookies
Użyj interfejsu API chrome.cookies, aby wysyłać zapytania o pliki cookie i je modyfikować oraz otrzymywać powiadomienia o ich zmianach. Aby korzystać z interfejsu API plików cookie, w pliku manifestu zadeklaruj uprawnienie "cookies" oraz uprawnienia
- Rozszerzenia do Chrome
chrome.appviewTag
Użyj tagu appview, aby osadzić inne aplikacje Chrome w swojej aplikacji Chrome (patrz Użycie ). Obiekt Opcjonalne dane określone przez dewelopera, których może używać aplikacja, aby podjąć decyzję o osadzeniu. ciąg znaków Identyfikator aplikacji,
Zapobieganie atakom typu clickjacking za pomocą XFO lub CSP
Dowiedz się więcej o minimalizowaniu ataków typu clickjacking.
Co nowego w WebGPU (Chrome 132)
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.
- Chrome
- WebGpu
Nowości w rozszerzeniach do Chrome
Najnowsze zmiany na platformie rozszerzeń Chrome, w dokumentacji i zasadach
- Rozszerzenia do Chrome
WebGPU
Poznaj WebGPU dzięki przewodnikom, demonstracjom i najnowszym informacjom
Twórz z Chrome
Sprawdź, co zawiera najnowsza stabilna i beta wersja Chrome.
Płatności
Dowiedz się, jak korzystać z najnowszych interfejsów API płatności w Chrome
Prywatność i bezpieczeństwo
Dowiedz się więcej o funkcjach prywatności i zabezpieczeń w Chrome.
Aplikacje
Wycofano technologię, aby utworzyć środowiska, które miały większy dostęp do bazowego systemu operacyjnego.
Animator
Biblioteka Node.js zapewniająca interfejs API wysokiego poziomu do kontrolowania Chrome lub Chromium bez interfejsu graficznego
Przeglądarka na Androidzie
Poznaj funkcje Chrome służące do tworzenia aplikacji internetowych na Androida.
chrome.certificateProvider
Używaj tego interfejsu API, aby udostępniać certyfikaty platformie, która może używać tych certyfikatów do uwierzytelniania TLS. Typowe użycie tego interfejsu API do udostępnienia certyfikatów klienta w ChromeOS: Rzeczywista kolejność czynności może
- Rozszerzenia do Chrome
chrome.extension
Interfejs API chrome.extension zawiera narzędzia, których można używać na dowolnej stronie rozszerzenia. Obejmuje to obsługę wymiany wiadomości między rozszerzeniem a jego skryptami treści lub między rozszerzeniami, jak opisano szczegółowo w sekcji
- Rozszerzenia do Chrome
Latarnia morska
Automatyzacja audytów wydajności internetowej za pomocą Lighthouse
Wydajność
Optymalizuj wydajność swoich aplikacji internetowych dzięki narzędziom poprawiającym wydajność Chrome.
chrome.system.display
Aby wysłać zapytanie o metadane wyświetlania, użyj interfejsu API system.display. Typ enumeracji określający, czy wyświetlacz jest wykrywany i używany przez system. Wyświetlacz jest uważany za „nieaktywny”, jeśli nie jest wykrywany przez system (może
- Rozszerzenia do Chrome
chrome.system.display
Aby wysłać zapytanie o metadane wyświetlania, użyj interfejsu API system.display. Typ enumeracji określający, czy wyświetlacz jest wykrywany i używany przez system. Wyświetlacz jest uważany za „nieaktywny”, jeśli nie jest wykrywany przez system (może
- Rozszerzenia do Chrome
chrome.action
Aby sterować ikoną rozszerzenia na pasku narzędzi Google Chrome, użyj interfejsu API chrome.action. Aby korzystać z tego interfejsu API, musisz zadeklarować te klucze w pliku manifestu. Aby korzystać z interfejsu chrome.action API, określ
- Rozszerzenia do Chrome
Obsługiwane przeglądarki
Omówienie funkcji kart niestandardowych i ich dostępności w przeglądarkach
Tożsamość
Dowiedz się więcej o funkcjach tożsamości Chrome, takich jak Uwierzytelnianie internetowe.
chrome.commands
Za pomocą interfejsu komend API możesz dodawać skróty klawiszowe, które wywołują działania w rozszerzeniu, np. otwierają działanie przeglądarki lub wysyłają polecenie do rozszerzenia. Aby korzystać z tego interfejsu API, musisz zadeklarować te klucze
- Rozszerzenia do Chrome
Operacja nie jest obsługiwana podczas korzystania z debugowania zdalnego
Niektóre polecenia WebDriver (np. zmiana rozmiaru okna przeglądarki) wymagają załadowania rozszerzenia Chrome do przeglądarki. ChromeDriver zwykle wczytuje to „rozszerzenie automatyzacji” za każdym razem, gdy uruchamia nową sesję Chrome. Można jednak
ChromeOS
Wszystkie testowe obrazy ChromeOS mają zainstalowany binarny plik ChromeDriver w /usr/local/chromedriver/. Plik binarny jest aktualizowany do tej samej wersji Chrome, która znajduje się na tym obrazie testowym. Oznacza to, że zawsze używasz
Omówienie WebView
Komponent WebView jest oparty na projekcie open source Chromium.
chrome.certificateProvider
Używaj tego interfejsu API, aby udostępniać certyfikaty platformie, która może używać tych certyfikatów do uwierzytelniania TLS. Typowe użycie tego interfejsu API do udostępnienia certyfikatów klienta w ChromeOS: Rzeczywista kolejność czynności może
- Rozszerzenia do Chrome
chrome.extension
Interfejs API chrome.extension zawiera narzędzia, których można używać na dowolnej stronie rozszerzenia. Obejmuje to obsługę wymiany wiadomości między rozszerzeniem a jego skryptami treści lub między rozszerzeniami, jak opisano szczegółowo w sekcji
- Rozszerzenia do Chrome
Awarie ChromeDriver
Aby zdiagnozować i naprawić problemy z wypadkami ChromeDriver, możesz skorzystać z kilku opcji. Ta funkcja dotyczy tylko awarii ChromeDriver, a nie awarii ani zamknięcia Chrome. W Windows może pojawić się komunikat podobny do tego: Utwórz przypadek
Dziennik wydajności
ChromeDriver obsługuje rejestrowanie wydajności, dzięki któremu możesz uzyskiwać zdarzenia z domen „Timeline”, „Network” i „Page”, a także dane z wykresów w przypadku określonych kategorii. Rejestrowanie wydajności nie jest domyślnie włączone.
Chrome nie uruchamia się lub nie zawiesza się od razu
Zwykle dzieje się tak, gdy uruchamiasz ChromeDriver lub Chrome za pomocą specjalnego zestawu testowego (np. IDE) lub systemu ciągłej kompilacji (np. Jenkins). Spróbuj uruchomić ten sam plik binarny Chrome, którego używa test, z poziomu zwykłego
Pobieranie
W przypadku starszych wersji Chrome dostępne są te wersje ChromeDriver: Więcej informacji o wybieraniu odpowiedniej wersji ChromeDriver znajdziesz na stronie Wybieranie wersji. Obsługuje Chrome w wersji 114 Więcej informacji znajdziesz w informacjach
Emulacja komórki
Chrome umożliwia użytkownikom emulowanie Chrome na urządzeniu mobilnym z wersji na komputery, przez włączenie trybu urządzenia za pomocą Narzędzi deweloperskich w Chrome. Ta funkcja przyspiesza tworzenie stron internetowych i umożliwia programistom
Android
Najnowsze binarne pliki wykonywalne ChromeDriver są pakowane jako pliki ZIP na potrzeby różnych platform hosta. Starsze wersje ChromeDriver można znaleźć w sekcji Pobrane. ChromeDriver obsługuje uruchamianie testów w przeglądarce Chrome (w wersji 30
Bezpieczeństwo
ChromeDriver to potężne narzędzie, które może wyrządzić szkody, jeśli wpadnie w niepowołane ręce. Podczas korzystania z ChromeDriver postępuj zgodnie z tymi sugestiami:
Pomoc dotycząca klawiatury
Obecnie ChromeDriver obsługuje tylko systemy z skonfigurowaną klawiaturą amerykańską. Gdy ChromeDriver wykryje ten stan, rejestruje te informacje: Użytkownicy bez klawiatury amerykańskiej mogą mieć problemy z klawiszami podczas wykonywania poleceń
Wyspy Kanaryjskie
ChromeDriver Canary zawiera najnowsze funkcje ChromeDriver. Nowe pliki binarne są kompilowane i udostępniane kilka razy dziennie. Pamiętaj, że jest on przeznaczony dla deweloperów i użytkowników wczesnej wersji, a czasami może całkowicie się nie
Autouzupełnianie w akcji: statystyki z rzeczywistego świata
Badanie dotyczące Chrome pokazuje, że użytkownicy korzystający z autouzupełniania wypełniają formularze szybciej i rzadziej je porzucają.
- Chrome
Wyniki z formularza żądania informacji o opiniach deweloperów
Dziękujemy za poświęcony czas, przekazanie opinii, sprawdzenie szczegółów i pomoc w określaniu standardów.
- Chrome
Pierwsze kroki z wbudowaną AI
Dowiedz się, jakie wymagania musisz spełnić, aby zacząć tworzyć funkcje i aplikacje z wbudowaną AI.
wykrywanie języka za pomocą wbudowanej AI;
Interfejs Language Detector API umożliwia rozpoznawanie języka w internecie w przeglądarce.
Jak korzystać z tabeli alokacji
Użyj narzędzia harmonogramu alokacji, aby znaleźć obiekty, które nie są prawidłowo usuwane i nadal zajmują pamięć.
- Narzędzia deweloperskie w Chrome
Unikaj nieskomponowanych animacji
Jak uzyskać wynik audytu w narzędziu Lighthouse: „Unikaj nieskomponowanych animacji”.
Nowości w DevTools w Chrome 132
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.
- Narzędzia deweloperskie w Chrome
- Chrome
Terminologia związana z pamięcią
W tej sekcji opisano typowe terminy używane w analizie pamięci. Znajdziesz w niej również zastosowanie do różnych narzędzi do profilowania pamięci w różnych językach.
- Narzędzia deweloperskie w Chrome
Rejestrowanie i analizowanie zrzutu wydajności za pomocą Narzędzi deweloperskich
Rejestruj i analizuj zrzuty wydajności za pomocą Narzędzi deweloperskich.
- Chrome
- Narzędzia deweloperskie w Chrome
CSS Wrapped 2024
Dołącz do zespołu Chrome DevRel i dinosaura z deskorolki, aby poznać najnowszą wersję języka CSS wprowadzoną w Chrome i na platformie internetowej w 2024 r.
Wyświetlanie i edytowanie miejsca na rozszerzenia
Jak wyświetlać i edytować miejsce na dane rozszerzenia za pomocą panelu Miejsce na dane rozszerzenia.
- Narzędzia deweloperskie w Chrome
chrome.browser
Aby wchodzić w interakcje z przeglądarką Chrome powiązaną z bieżącą aplikacją i profilem Chrome, użyj interfejsu chrome.browser API. ciąg znaków Adres URL, do którego nastąpi przekierowanie po otwarciu nowej karty. Otwiera nową kartę w oknie
chrome.syncFileSystem
Aby zapisywać i synchronizować dane na Dysku Google, użyj interfejsu API chrome.syncFileSystem. Ten interfejs API NIE służy do uzyskiwania dostępu do dowolnych dokumentów użytkownika przechowywanych na Dysku Google. Zapewnia pamięć przeznaczoną do
chrome.bluetoothSocket
Używaj interfejsu chrome.bluetoothSocket API do wysyłania i odbierania danych na urządzeniach Bluetooth za pomocą połączeń RFCOMM i L2CAP. Aby korzystać z tego interfejsu API, musisz zadeklarować te klucze w pliku manifestu. "system_error" Wystąpił
chrome.socket
Wysyłaj i odbieraj dane w sieci za pomocą połączeń TCP i UDP za pomocą interfejsu chrome.socket API. Uwaga: od wersji Chrome 33 ten interfejs API został wycofany na rzecz interfejsów sockets.udp, sockets.tcp i sockets.tcpServer. liczba number
chrome.usb
Użyj interfejsu API chrome.usb, aby komunikować się z podłączonymi urządzeniami USB. Ten interfejs API zapewnia dostęp do operacji USB w kontekście aplikacji. Dzięki niemu aplikacje mogą działać jako sterowniki urządzeń sprzętowych. Błędy generowane
chrome.bluetoothLowEnergy
Interfejs chrome.bluetoothLowEnergy API służy do komunikacji z urządzeniami Bluetooth Smart (Low Energy) za pomocą profilu atrybutów ogólnych (GATT). Aby korzystać z tego interfejsu API, musisz zadeklarować te klucze w pliku manifestu.
chrome.app.runtime
Aby zarządzać cyklem życia aplikacji, użyj interfejsu API chrome.app.runtime. Czas wykonywania aplikacji zarządza instalacją aplikacji, kontroluje stronę wydarzenia i może ją w każdej chwili zamknąć. "new_note" Aplikację można uruchomić w celu
chrome.mdns
Użyj interfejsu API chrome.mdns, aby wykrywać usługi za pomocą mDNS. Obejmuje to podzbiór funkcji specyfikacji NSD: http://www.w3.org/TR/discovery-api/ ciąg znaków Adres IP usługi reklamowanej przez mDNS. string[] Metadane usługi reklamowanej za
chrome.bluetooth
Aby połączyć się z urządzeniem Bluetooth, użyj interfejsu API chrome.bluetooth. Wszystkie funkcje zgłaszają błędy za pomocą chrome.runtime.lastError. Aby korzystać z tego interfejsu API, musisz zadeklarować te klucze w pliku manifestu. ciąg znaków
chrome.webviewTag
Użyj tagu webview, aby aktywnie wczytywać na żywo treści z internetu przez sieć i osadzać je w aplikacji Chrome. Twoja aplikacja może kontrolować wygląd tagu webview i interagować z treściami internetowymi, inicjować nawigację na osadzoną stronę
chrome.fontSettings
Aby zarządzać ustawieniami czcionek w Chrome, użyj interfejsu API chrome.fontSettings. Aby używać interfejsu Font Settings API, musisz zadeklarować uprawnienie "fontSettings" w pliku manifestu rozszerzenia. Na przykład: Chrome umożliwia uzależnienie
- Rozszerzenia do Chrome
chrome.serial
Interfejs API chrome.serial służy do odczytu i zapisu na urządzeniu podłączonym do portu szeregowego. liczba opcjonalnie Zobacz ConnectionOptions.bitrate. To pole może zostać pominięte lub nieprawidłowe, jeśli używana jest niestandardowa szybkość
Interfejs Prompt API w rozszerzeniach do Chrome
Odkryj nieskończone możliwości interfejsu Prompt API w rozszerzeniach do Chrome.
Rozszerzenia i AI
Dowiedz się, jak tworzyć rozszerzenia z wykorzystaniem AI
- Rozszerzenia do Chrome
Stosowanie silnej zasady HSTS
Dowiedz się więcej o konfigurowaniu silnych zasad HTTP Strict Transport Security (HSTS)
Wycofanie panelu Statystyki wydajności
Eksperymentalny panel Statystyki wydajności zostanie usunięty w styczniu 2025 r. i zastąpiony nowymi statystykami w panelu Wydajność.
- Chrome
- Narzędzia deweloperskie w Chrome
Chrome DevTools
Poznaj najnowsze informacje i przypadki użycia dotyczące asystentów AI
- Narzędzia deweloperskie w Chrome
chrome.declarativeContent
Korzystaj z interfejsu API chrome.declarativeContent, aby podejmować działania zależne od treści strony, bez konieczności uzyskiwania uprawnień do odczytu tej treści. Interfejs Declarative Content API umożliwia włączenie działania rozszerzenia
- Rozszerzenia do Chrome
chrome.desktopCapture
Interfejs API Desktop Capture przechwytuje zawartość ekranu, poszczególnych okien lub kart. Typ enumeracji służący do definiowania zestawu źródeł multimediów na komputery używane w funkcji chooseDesktopMedia(). „screen” „window” „tab” „audio”
- Rozszerzenia do Chrome
chrome.dns
Do rozwiązywania adresów DNS użyj interfejsu API chrome.dns. Aby korzystać z tego interfejsu API, musisz zadeklarować uprawnienie "dns" w manifest. Poniższy kod wywołuje funkcję resolve(), aby pobrać adres IP example.com. service-worker.js: ciąg
- Rozszerzenia do Chrome
chrome.system.storage
Użyj interfejsu API chrome.system.storage, aby zapytać o informacje dotyczące urządzenia pamięci masowej i otrzymać powiadomienie, gdy urządzenie pamięci wymiennej zostanie podłączone lub odłączone. "success" Polecenie wyjęcia zostało wykonane –
- Rozszerzenia do Chrome
chrome.documentScan
Interfejs chrome.documentScan API umożliwia wykrywanie i pobieranie obrazów z podłączonych skanerów dokumentów.
- Rozszerzenia do Chrome
chrome.contextMenus
Użyj interfejsu API chrome.contextMenus, aby dodać elementy do menu kontekstowego Google Chrome. Możesz wybrać, do jakich obiektów mają się odnosić elementy menu kontekstowego, np. obrazy, hiperlinki i strony. Aby korzystać z interfejsu API, musisz
- Rozszerzenia do Chrome
chrome.contentSettings
Użyj interfejsu API chrome.contentSettings, aby zmienić ustawienia, które kontrolują, czy witryny mogą korzystać z takich funkcji, jak pliki cookie, JavaScript i wtyczki. Ogólnie rzecz biorąc, ustawienia treści umożliwiają dostosowanie działania
- Rozszerzenia do Chrome
chrome.audio
Interfejs API chrome.audio umożliwia użytkownikom uzyskiwanie informacji o podłączonych do systemu urządzeniach audio i sterowanie nimi. Ten interfejs API jest obecnie dostępny tylko w trybie kiosku w ChromeOS. ciąg znaków Nazwa urządzenia.
- Rozszerzenia do Chrome
chrome.alarms
Użyj interfejsu API chrome.alarms, aby zaplanować wykonywanie kodu okresowo lub w określonym czasie w przyszłości. Aby korzystać z interfejsu chrome.alarms API, w pliku manifest zadeklaruj uprawnienie "alarms": Aby zapewnić niezawodne działanie,
- Rozszerzenia do Chrome
Autouzupełnianie
Przeglądarki i Ty jako deweloper możecie pomóc użytkownikom szybciej wprowadzać dane i uniknąć ich ponownego wpisywania. Autouzupełnianie to funkcja, która pozwala przeglądarkom automatycznie wypełniać pola formularzy za pomocą zapisanych informacji
Narzędzia do raportu na temat użytkowania Chrome
Dokumentacja techniczna dotycząca narzędzi na potrzeby użytkowania Chrome.
- Raport na temat UX Chrome
chrome.declarativeNetRequest
Interfejs API chrome.declarativeNetRequest służy do blokowania lub modyfikowania żądań sieciowych przez określenie reguł deklaratywnych. Dzięki temu rozszerzenia mogą modyfikować żądania sieci bez ich przechwytywania i przeglądania zawartości, co
- Rozszerzenia do Chrome
chrome.devtools.panels
Aby zintegrować rozszerzenie z interfejsem okna narzędzi dla programistów, użyj interfejsu API chrome.devtools.panels: twórz własne panele, uzyskaj dostęp do istniejących paneli i dodaj paski boczne. Każdy panel rozszerzenia i pasek boczny jest
- Rozszerzenia do Chrome
chrome.fileBrowserHandler
Użyj interfejsu chrome.fileBrowserHandler API, aby rozszerzyć przeglądarkę plików w Chrome OS. Możesz na przykład użyć tego interfejsu API, aby umożliwić użytkownikom przesyłanie plików na Twoją stronę. Przeglądarka plików w ChromeOS pojawia się, gdy
- Rozszerzenia do Chrome
chrome.readingList
Do odczytywania i modyfikowania elementów na liście Do przeczytania używaj interfejsu API chrome.readingList. Aby używać interfejsu Reading List API, dodaj uprawnienie "readingList" do pliku manifest rozszerzenia: manifest.json: W panelu bocznym
- Rozszerzenia do Chrome
Film z informacjami o dostępności zdobył nagrodę internetową w konkursie dla deweloperów Gemini API
Wybraliśmy ViddyScribe do nagrody internetowej w ramach konkursu dla programistów Gemini API. Pokazały, jak Gemini może ułatwić dostęp do filmów w internecie dzięki generowaniu audiodeskrypcji do dowolnego filmu.
- Chrome
Co dalej z WebGPU
Dowiedz się więcej o nowych funkcjach AI i renderowania, które były omawiane podczas ostatniego spotkania grupy roboczej ds. GPU dla sieci.
- Chrome
- WebGpu
Przygotuj rozszerzenie, ponieważ rozpoczynamy testowanie nowego menu rozszerzeń
Jak przygotować rozszerzenie do nowego menu rozszerzeń
- Chrome
Klucze
Łatwiejsza i bezpieczniejsza wymiana haseł.
chrome.networking.onc
Interfejs API chrome.networking.onc służy do konfigurowania połączeń sieciowych (komórkowych, Ethernet, VPN lub Wi-Fi). Interfejs API jest dostępny w automatycznie uruchamianych sesjach kiosku w ChromeOS. Konfiguracje połączeń sieciowych są określane
Pomoc AI dla sieci
Analizowanie ruchu w sieci w witrynie za pomocą AI
- Narzędzia deweloperskie w Chrome
Panel pomocy AI
Jak działa witryna dzięki sztucznej inteligencji
- Narzędzia deweloperskie w Chrome
Pomoc AI dotycząca wydajności
Interpretowanie profili skuteczności – z pomocą AI
- Narzędzia deweloperskie w Chrome
Dodawanie adnotacji bezpośrednio w panelu Wydajność
Dowiedz się, jak za pomocą nowych funkcji adnotacji w Narzędziach deweloperskich ułatwić interpretację śladów wydajności
- Chrome
Interfejs Signal API do obsługi kluczy dostępu w Chrome na komputerze
Przedstawiamy interfejs Signal API do obsługi kluczy dostępu w Chrome na komputery
- Klucze dostępu
- Chrome
Tłumaczenie po stronie klienta z wykorzystaniem AI
Poznaj interfejs Translator API, który ułatwia globalną obsługę klienta.
Pomoc AI dla źródeł
Poznawanie zasobów witryny za pomocą AI
- Narzędzia deweloperskie w Chrome
Chrome 132 beta
Dowiedz się więcej o najnowszych funkcjach w Chrome.
- Chrome
Wbudowana sztuczna inteligencja
Wbudowana sztuczna inteligencja to najnowsza oferta, która umożliwia udostępnianie użytkownikom zaawansowanych modeli, ochronę danych wrażliwych i skrócenie opóźnień.
Udział w testowaniu origin interfejsu Translator API
Tłumaczenie tekstu na żywo w przeglądarce przy użyciu lokalnych modeli AI. Użytkownicy mogą teraz dodawać treści w swoim języku ojczystym.
- Chrome
Nowości w Chrome 131
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.
- Chrome
Udział w testowaniu origin interfejsu Summarizer API
Weź udział w testach wersji oryginalnej, aby pomóc użytkownikom przekształcić długie artykuły, złożone dokumenty, a nawet żywe rozmowy na czacie w zwięzłe i przenikliwe podsumowania.
- Chrome
Utrzymywanie spójności kluczy dostępu z danymi logowania na serwerze za pomocą interfejsu Signal API
Interfejs WebAuthn Signal API umożliwia stronie trzeciej sygnalizowanie dostawcy klucza dostępu stanu dotychczasowych danych logowania, aby klucze dostępu były zgodne z danymi logowania na serwerze.
- Chrome
- Klucze dostępu
Dołącz do testowania origin interfejsu Prompt API w rozszerzeniach do Chrome
Uczestniczyć w testowaniu origin interfejsu Prompt API dla rozszerzeń do Chrome i uzyskać dostęp do Gemini Nano w Chrome.
- Chrome
Chrome 131
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.
- Chrome
Podsumowanie za pomocą wbudowanej AI
Przekształcaj długie artykuły, złożone dokumenty, a nawet żywe rozmowy na czacie w zwięzłe i trafne podsumowania.
CSS i UI
Znajdź materiały na takie tematy jak typografia, kolory i układ.
Plik manifestu – piaskownica
Ostrzeżenie: od wersji 57 Chrome nie będzie już zezwalać na zewnętrzne treści internetowe (w tym umieszczone ramki i skrypty) na stronach w piaskownicy. Użyj komponentu WebView. Określa zbiór stron aplikacji lub rozszerzeń, które mają być wyświetlane
Plik manifestu dotyczący obszarów przechowywania
W odróżnieniu od obszarów pamięci local i sync obszar pamięci managed wymaga, aby jego struktura była zadeklarowana jako schemat JSON i była ściśle sprawdzana przez Chrome. Ten schemat musi być przechowywany w pliku wskazanym przez właściwość
Plik manifestu – wymagania
Technologie wymagane przez aplikację lub rozszerzenie. Strony hostingowe, takie jak Chrome Web Store, mogą używać tej listy, aby zniechęcić użytkowników do instalowania aplikacji lub rozszerzeń, które nie będą działać na ich komputerach. Obsługiwane
Pierwsze kroki z testami origin
przetestować nową lub eksperymentalną funkcję platformy internetowej; Zanim udostępnimy tę funkcję wszystkim użytkownikom, prześlij opinię na temat jej użyteczności, praktyczności i skuteczności w społeczności zajmującej się standardami internetowymi.
Więcej opcji stylizacji <details>
Teraz możesz ustawić typ wyświetlania i nadać styl kontenerowi dla części, która się rozwija i składa, za pomocą nowego pseudoelementu ::details-content.
Rozwiązywanie problemów z pamięcią
Dowiedz się, jak za pomocą Chrome i Narzędzi deweloperskich znaleźć problemy z pamięcią wpływające na wydajność strony, w tym wycieki pamięci, zapotrzebowanie pamięci i częste czyszczenie pamięci.
- Narzędzia deweloperskie w Chrome
Nowości w WebGPU (Chrome 131)
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.
- Chrome
- WebGpu
Omówienie panelu pamięci
Zyskaj dogłębny wgląd w alokację pamięci, badaj problemy z niskim poziomem pamięci i zarządzaj czyszczeniem pamięci.
- Narzędzia deweloperskie w Chrome
Ułatwiaj użytkownikom logowanie dzięki płynnemu udostępnianiu danych logowania
Bezproblemowe udostępnianie danych logowania umożliwia bezpieczne sygnalizowanie menedżerom haseł, że użytkownicy mogą logować się przy użyciu tych samych danych logowania w aplikacji i witrynie na Androida.
- Chrome
Dostosuj Narzędzia deweloperskie
Lista sposobów dostosowywania Narzędzi deweloperskich w Chrome: zmienianie motywu, położenia, kolejności paneli, języka i innych ustawień.
- Narzędzia deweloperskie w Chrome
Monitorowanie w panelu Wydajność danych podstawowych wskaźników internetowych
Monitoruj bieżące wskaźniki podstawowych wskaźników internetowych w panelu Wydajność.
- Chrome
- Narzędzia deweloperskie w Chrome
Informacje o plakietkach
Przełączaj różne nakładki i przyspiesz nawigację w drzewie DOM dzięki plakietkom.
- Narzędzia deweloperskie w Chrome
Nowości w Narzędziach deweloperskich: Chrome 131
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.
- Chrome
- Narzędzia deweloperskie w Chrome
Rozpoznawaj pismo odręczne użytkowników
Interfejs API rozpoznawania pisma odręcznego pozwala aplikacjom internetowym korzystać z zaawansowanych usług rozpoznawania pisma odręcznego w celu rozpoznawania w czasie rzeczywistym tekstu pisanego odręcznie.
Dodawanie treści do marginesów stron internetowych podczas drukowania za pomocą kodu CSS
Możliwość tworzenia niestandardowych nagłówków i stopek podczas drukowania stron internetowych.
- Chrome
WebGPU: wskazówki i rozwiązania problemów
Dowiedz się, dlaczego interfejs WebGPU może być wyłączony lub nie działa w przeglądarce Chrome.
Analiza wydajności środowiska wykonawczego
Dowiedz się, jak ocenić wydajność środowiska wykonawczego za pomocą Narzędzi deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Usuwam --headless=old z Chrome
W Chrome 132 nie ma już starego trybu bez interfejsu graficznego. Przejdź na chrome-headless-shell lub nowy tryb bez interfejsu.
- Chrome
Nowa plakietka przewijania w Narzędziach deweloperskich: szybsze znajdowanie elementów, które można przewijać
Dowiedz się, jak nowa plakietka przewijania w DevTools ułatwia debugowanie elementów przewijanych (i jak ją stworzyliśmy).
- Chrome
5 ciekawych rzeczy, które możesz zrobić z pomocą AI w Narzędziach deweloperskich
Poznaj ciekawe przypadki użycia nowego panelu pomocy AI w Narzędziach deweloperskich
- Chrome
Włączanie funkcji bfcache dla kontroli Cache-Control: no-store
W Chrome wprowadzamy zmianę, która umożliwi korzystanie z pamięci podręcznej stanu strony internetowej na stronach, które używają ustawienia Cache-Control: no-store, gdy jest to bezpieczne. Dowiedz się, co to oznacza dla deweloperów.
Tryb bez interfejsu graficznego w Chrome
Tryb bez interfejsu graficznego w Chrome jest teraz bardziej przydatny dla programistów, ponieważ przybliża go do zwykłego trybu „headful” w Chrome.
- Chromium
Wbudowane interfejsy API AI
Wbudowana sztuczna inteligencja to najnowsza oferta, która umożliwia udostępnianie użytkownikom zaawansowanych modeli, ochronę danych wrażliwych i skrócenie opóźnień.
Chrome 131 w wersji beta
Poznaj funkcje, które pojawią się w Chrome w ramach najnowszej wersji beta.
- Chrome
Dokumentacja API
Pełne informacje o wszystkich interfejsach API dostępnych dla rozszerzeń do Chrome. Dotyczy to interfejsów API wycofanych z aplikacji Chrome oraz interfejsów API, które nadal są w wersji beta i deweloperskiej.
- Rozszerzenia do Chrome
Nowości w Chrome 130
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.
- Chrome
Nowości w WebGPU (Chrome 130)
Mieszanie 2 źródeł, krótszy czas kompilowania cieniowania w przypadku metalu, wycofanie interfejsu GPUAdapter requestAdapterInfo() i inne ulepszenia.
- Chrome
- WebGpu
Chrome 130
Chrome 130 jest już dostępna. Funkcja Obraz w obrazie w dokumentach zapewnia większą kontrolę nad oknami obrazu w obrazie, zagnieżdżone deklaracje CSS rozwiązują niektóre trudne przypadki, możesz też określać zachowanie dekoracji w elementach podzielonych na kilka linii. To nie wszystko!
- Chrome
Pomoc AI przy określaniu stylu
Dowiedz się, jak stylizowana jest witryna za pomocą AI w Narzędziach deweloperskich.
- Narzędzia deweloperskie w Chrome
chrome.clipboard
Interfejs API chrome.clipboard umożliwia użytkownikom dostęp do danych ze schowka. Jest to tymczasowe rozwiązanie dla aplikacji platformy ChromeOS, dopóki nie pojawi się alternatywa dla otwartej sieci. Zostanie ono wycofane po udostępnieniu
chrome.virtualKeyboard
chrome.virtualKeyboard API to interfejs API przeznaczony tylko do obsługi kiosku. Służy do konfigurowania układu i działania klawiatury wirtualnej w sesjach kiosku. Wartość logiczna opcjonalna Określa, czy klawiatury wirtualne mogą obsługiwać
Innowacje w zakresie AI
Odniesienie do karty Innowacje AI.
- Narzędzia deweloperskie w Chrome
Sprawdzanie aktywności w sieci
Samouczek dotyczący najpopularniejszych funkcji sieciowych w Narzędziach deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Interfejs API Long Animation Frames
Dowiedz się więcej o interfejsie Long Animation Frames API (LoAF), który jest kolejną wersją interfejsu Long Tasks API i umożliwia pomiar opóźnień aktualizacji klatek za pomocą atrybucji
Klient natywny
Piaskownica do uruchamiania w przeglądarce skompilowanego kodu w językach C i C++. Ta funkcja została wycofana.
Co się dzieje z rozszerzeniami Chrome w październiku 2024 r.
Omówienie ostatnich zmian w rozszerzeniach do Chrome oraz omówienie ciekawych funkcji rozszerzeń, które wkrótce zostaną udostępnione deweloperom.
- Chrome
- Rozszerzenia do Chrome
Właściwość box-decoration-break w Chrome 130
Chrome 130 zapewnia pełną obsługę funkcji dekorowania pól dekoracyjnych bez prefiksu.
- Chrome
Dostęp do sieci prywatnej jest wstrzymany
Wdrażanie dostępu do sieci prywatnej (PNA) zostało wstrzymane.
- Chrome
Zmiany dziedziczenia stylów zaznaczenia CSS
W Chrome 131 wprowadzimy zmianę dotyczącą dziedziczenia wyróżnień w CSS.
- Chrome
Interfejs Translation API dostępny we wczesnej wersji przedpremierowej
Interfejs Translation API jest teraz dostępny dla uczestników programu wczesnej wersji wbudowanej AI.
- Chrome
Interfejs API do pozycjonowania kotwicy w kodzie CSS
Pozycjonuj elementy względem siebie za pomocą interfejsu API do pozycjonowania zakotwiczenia.
Przewidywanie w Narzędziach deweloperskich w Chrome: dlaczego to trudne i jak je ulepszyć
Dowiedz się, jak debuger Narzędzi deweloperskich przewiduje, czy zostanie wykryty wyjątek.
- Chrome
Weź udział w wyzwaniu dotyczącym wbudowanej w Google Chrome sztucznej inteligencji
W ramach wyzwania dotyczącego wbudowanej AI zachęcamy do odkrywania nowych możliwości, jakie daje Gemini Nano w Chrome.
- Chrome
WebAuthn: emulacja uwierzytelniania
Emuluj aplikację Authenticator i debuguj WebAuthn w Narzędziach deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Wyszukiwanie: znajdowanie tekstu we wszystkich załadowanych zasobach
Znajdź tekst we wszystkich załadowanych zasobach za pomocą panelu Szukaj.
- Narzędzia deweloperskie w Chrome
Poprawianie wygody korzystania z pulpitu programisty Chrome Web Store na urządzeniach mobilnych
Wprowadziliśmy zmiany w interfejsie, dzięki którym Panel dewelopera Chrome Web Store stał się bardziej responsywny i przyjazny dla urządzeń mobilnych. Mamy nadzieję, że ułatwi Ci to i ulepszy dostęp do monitorowania skuteczności informacji
- Rozszerzenia do Chrome
- Chrome
Informacje o funkcjach
Pełne informacje o funkcjach panelu rejestratora w Narzędziach deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Nowości w Narzędziach deweloperskich: Chrome 130
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.
- Narzędzia deweloperskie w Chrome
- Chrome
Bezpieczeństwo: informacje o problemach z bezpieczeństwem
W panelu Bezpieczeństwo sprawdź, czy strona jest w pełni chroniona przez HTTPS.
- Narzędzia deweloperskie w Chrome
Pokrycie: znajdowanie nieużywanego kodu JavaScript i CSS
Jak znaleźć i analizować nieużywany kod JavaScript i CSS w Narzędziach deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Przegląd panelu Źródła
Wyświetlaj i edytuj pliki, twórz fragmenty kodu, debuguj JavaScript i konfiguruj obszary robocze w panelu Źródła w Narzędziach deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Przejścia widoku tego samego dokumentu w aplikacjach jednostronicowych
Zacznij od przejścia na ten sam dokument, którego chcesz używać w aplikacji jednostronicowej.
Buforowanie bez tajemnic: sprawdzanie, czyszczenie i wyłączanie pamięci podręcznej
Sprawdzanie pamięci podręcznej i rozwiązywanie problemów z nią za pomocą Narzędzi deweloperskich.
- Chrome
- Narzędzia deweloperskie w Chrome
Panel Warstwy: poznawaj warstwy witryny
Sprawdź warstwy, z których składa się Twoja witryna.
- Narzędzia deweloperskie w Chrome
Rozszerzenie Web Vitals dostępne w Narzędziach deweloperskich
Rozszerzenie Web Vitals zostanie połączone z panelem Wydajność w Narzędziach deweloperskich w Chrome, a w styczniu 2025 r. wycofane jako samodzielne narzędzie.
- Chrome
- Narzędzia deweloperskie w Chrome
Omówienie konsoli
Konsola Narzędzi deweloperskich w Chrome służy głównie do rejestrowania komunikatów i uruchamiania kodu JavaScript.
- Narzędzia deweloperskie w Chrome
Unikalne identyfikowanie aplikacji PWA za pomocą identyfikatora pliku manifestu aplikacji internetowej
Opcjonalna właściwość „id” jest częścią specyfikacji pliku manifestu aplikacji internetowej i umożliwia bezpośrednie zdefiniowanie identyfikatora PWA. Dodanie do pliku manifestu właściwości „id” usuwa zależność od „start_url” lub lokalizacji pliku manifestu i umożliwia ich aktualizowanie w przyszłości.
Potrzebna opinia: jak należy zdefiniować mur w usługach porównywania cen?
Porównanie 2 proponowanych specyfikacji układu typu masonry.
- Chrome
Chrome do synchronizowania kluczy dostępu w Menedżerze haseł Google między komputerem a Androidem
W Chrome na komputery niedługo będzie można tworzyć klucze dostępu w Menedżerze haseł Google (MHP) i synchronizować je na tych platformach, a także na urządzeniach z Androidem.
- Chrome
- Klucze dostępu
Interfejsy API zapisującego i zapisującego są dostępne we wczesnej wersji przedpremierowej
Uczestnicy programu EPP mogą teraz tworzyć prototypy przy użyciu interfejsów API do zapisywania i przepisywania w Chrome.
- Chrome
Chrome 130 w wersji beta
Przetestuj swoją witrynę pod kątem funkcji i zmian w najnowszej wersji Chrome w wersji beta.
- Chrome
Animacja do wysokości: auto; (i inne kluczowe słowa dotyczące rozmiaru) w CSS
Animuj do i z wewnętrznego rozmiaru słów kluczowych za pomocą parametrów „rozmiar interpolacji” i „calc-size()”
Nowości w Chrome 129
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.
- Chrome
Panel skuteczności: analizowanie wyników witryny
Analizowanie obciążenia witryny i wydajności jej działania
- Narzędzia deweloperskie w Chrome
Co nowego w WebGPU (Chrome 129)
Obsługa HDR z trybem mapowania tonacji obrazu, rozszerzona obsługa podgrup i inne funkcje.
- Chrome
- WebGpu
Eksperyment w Chrome: udostępnianie procesów
Eksperyment dotyczący udostępniania procesów i jego wpływ Narzędzia deweloperskie w Chrome' dla programistów.
- Chrome
Monitoruj wydajność podstawowych wskaźników internetowych (podstawowych wskaźników internetowych) lokalnych i rzeczywistych użytkowników w Narzędziach deweloperskich
Panel Wydajność w Chrome DevTools zawiera nowy sposób monitorowania lokalnego działania podstawowych wskaźników internetowych i porównywania go z danymi zebranymi od prawdziwych użytkowników.
- Chrome
- Narzędzia deweloperskie w Chrome
Aktualizacje Bluetooth RFCOMM w Web Serial
Dowiedz się, jak wykryć, kiedy port szeregowy Bluetooth RFCOMM jest dostępny w Web Serial.
- Chrome
Prośba o opinię dewelopera: opcja do wyboru
Omówienie nowej funkcji wyboru z możliwością dostosowania.
- Chrome
Blokuj ekran & sprawdzanie znikających elementów
zamrażać elementy w DOM, aby można było je sprawdzić za pomocą DevTools.
- Chrome
- Narzędzia deweloperskie w Chrome
Funkcja obraz w obrazie dla dowolnego elementu, nie tylko dla <filmu&g;
Wyświetlanie dowolnej treści HTML w oknie zawsze na górze.
Informacje o wersjach
Szczegółowe informacje o najnowszych zmianach w zbiorze danych na temat użytkowania Chrome.
- Raport na temat UX Chrome
Interfejsy API blokady klawiatury i wskaźnika blokady wymagają uprawnień ze strony Chrome 131
Interfejs Keyboard Lock API umożliwia deweloperom tworzenie wciągających aplikacji pełnoekranowych w różnych zastosowaniach, takich jak interaktywne witryny, gry czy strumieniowanie pulpitu zdalnego lub aplikacji. Dzieje się tak, ponieważ witryny
- Chrome
Plik manifestu – moduły Nacl
Co najmniej jedno mapowanie typów MIME na moduł klienta natywnego, który obsługuje poszczególne typy. Dla: na przykład pogrubiony kod w tym fragmencie powoduje zarejestrowanie modułu klienta natywnego jako treści dla typu MIME arkusza kalkulacyjnego
externally_connectable
Właściwość manifestu externally_connectable deklaruje, które rozszerzenia, aplikacje i strony internetowe mogą połącz się z aplikacją przez runtime.connect i runtime.sendMessage. Aby zapoznać się z samouczkiem na temat przekazywania wiadomości,
Plik manifestu – ikony
Co najmniej jedna ikona reprezentująca rozszerzenie, aplikację lub motyw. Zawsze używaj obrazu o wymiarach 128 x 128, ikonę; jest używany podczas instalacji oraz w sklepie Chrome Web Store. Rozszerzenia powinny też dostarczać Ikona 48 x 48, używana
Wersja pliku manifestu
Jedna liczba całkowita określająca wersję pliku manifestu wymaganego przez pakiet. Od Chrome 18, deweloperzy powinni używać parametru 2 (bez cudzysłowu), aby używać formatu opisanego w tym dokument: Zwróć uwagę na wycofanie pliku manifestu w wersji 1
Inspektor pamięci: przejrzyj tablica tablica, typ tablicy, DataView i pamięć Wasm.
Za pomocą inspektora pamięci możesz zbadać obiekt SlateBuffer, Typedtablica lub DataView w JavaScript oraz WebAssembly.Memory aplikacji C++ Wasm.
- Narzędzia deweloperskie w Chrome
Zmiany: śledzenie zmian w kodzie HTML, CSS i JavaScript
Śledzenie zmian w kodach HTML, CSS i JavaScript.
- Narzędzia deweloperskie w Chrome
Włącz bezproblemowe udostępnianie danych logowania między witrynami w Chrome
Jeśli pracujesz w wielu domenach, które korzystają z tego samego backendu zarządzania kontem, za pomocą Digital Asset Links możesz łatwo udostępniać dane logowania, aby umożliwić użytkownikom jednorazowe zapisywanie danych logowania, a menedżer haseł Chrome proponować je do każdej z powiązanych witryn.
Uruchamianie poleceń w menu poleceń
Przewodnik na temat otwierania menu poleceń, uruchamiania poleceń, otwierania plików, wyświetlania innych czynności itp.
- Narzędzia deweloperskie w Chrome
Przedstawiamy wersję próbną interfejsu Digital Credentials API
Testowanie origin interfejsu Digital Credentials API rozpoczyna się od Chrome 128. Digital Credentials API to nowy interfejs API platformy internetowej, który umożliwia witrynom selektywne żądanie weryfikowanych informacji o użytkowniku za pomocą cyfrowych danych uwierzytelniających, takich jak prawo jazdy lub krajowy dowód tożsamości zapisany w cyfrowym portfelu.
- Chrome
Zmiany składni pozycjonowania zakotwiczonych
Zmiany związane z interfejsem API do pozycjonowania zakotwiczenia, o których warto wiedzieć.
- Chrome
Nowości w Narzędziach deweloperskich: Chrome 129
Żą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ść.
- Narzędzia deweloperskie w Chrome
- Chrome
Platforma internetowa
Dowiedz się, jak działa Chrome, bierz udział w testach origin i korzystaj z Chrome na całym świecie.
Przedstawiamy wskazówki, powiązane żądania dotyczące źródła i serializację JSON dla WebAuthn w Chrome
WebAuthn w Chrome może teraz korzystać ze wskazówek, powiązanych żądań źródła i serializacji JSON
- Chrome
chrome.privacy
Używaj interfejsu API chrome.privacy, aby kontrolować korzystanie z funkcji Chrome, które mogą naruszać prywatność użytkowników. Ten interfejs API opiera się na prototypie interfejsu ChromeSetting API do pobierania i konfigurowania konfiguracji
- Rozszerzenia do Chrome
chrome.wallpaper
Aby zmienić tapetę ChromeOS, użyj interfejsu API chrome.wallpaper. Musisz zadeklarować tapetę uprawnienia w pliku manifestu aplikacji z tapetą w interfejsie API. Na przykład: Aby na przykład ustawić tapetę jako obraz w https://example.com/a_file.png,
- Rozszerzenia do Chrome
chrome.input.ime
Implementacja niestandardowego edytora IME dla ChromeOS przy użyciu interfejsu API chrome.input.ime. Dzięki temu rozszerzenie może obsługiwać naciśnięcia klawiszy, ustawiać kompozycję i zarządzać oknem propozycji. Musisz zadeklarować „input”
- Rozszerzenia do Chrome
chrome.scripting
Używaj interfejsu API chrome.scripting do wykonywania skryptu w różnych kontekstach. Aby użyć interfejsu API chrome.scripting, zadeklaruj uprawnienia "scripting" w manifeście oraz uprawnienia hosta dla stron, na których mogą być wstrzykiwane skrypty.
- Rozszerzenia do Chrome
chrome.system.storage
Interfejs API chrome.system.storage pozwala wysyłać zapytania o informacje o urządzeniach pamięci masowej i otrzymywać powiadomienia o podłączeniu i odłączeniu takiego urządzenia. "success" Polecenie wyrzucenia zostało wykonane – aplikacja może
- Rozszerzenia do Chrome
chrome.webAuthenticationProxy
Interfejs chrome.webAuthenticationProxy API umożliwia oprogramowaniu pulpitu zdalnego działające na hoście zdalnym przechwytywanie żądań do interfejsu Web Authentication API (WebAuthn) w celu obsługi ich na kliencie lokalnym. ciąg znaków
- Rozszerzenia do Chrome
chrome.enterprise.hardwarePlatform
Użyj interfejsu API chrome.enterprise.hardwarePlatform, aby uzyskać nazwę producenta i model platformy sprzętowej, na której działa przeglądarka. Uwaga: ten interfejs API jest dostępny tylko w przypadku rozszerzeń zainstalowanych przez zasady
- Rozszerzenia do Chrome
chrome.devtools.performance
Aby nasłuchiwać aktualizacji stanu w panelu Wydajność w Narzędziach deweloperskich, używaj interfejsu API chrome.devtools.performance. Zapoznaj się z podsumowaniem interfejsów API Narzędzi deweloperskich, aby uzyskać ogólne wprowadzenie do
- Rozszerzenia do Chrome
chrome.tabCapture
Do interakcji ze strumieniami multimediów na karcie używaj interfejsu API chrome.tabCapture. Interfejs chrome.tabCapture API umożliwia dostęp do interfejsu MediaStream zawierającego filmy na bieżącej karcie. Może zostać wywołana tylko po wywołaniu
- Rozszerzenia do Chrome
chrome.types
Interfejs API chrome.types zawiera deklaracje typu dla Chrome. Typ ChromeSetting zapewnia wspólny zestaw funkcji ( get(), set() i clear() ) oraz wydawcę wydarzenia ( onChange ) w ustawieniach przeglądarki Chrome. W sekcji Ustawienia serwera proxy
- Rozszerzenia do Chrome
chrome.vpnProvider
Wdróż klienta VPN za pomocą interfejsu API chrome.vpnProvider. Typowe użycie chrome.vpnProvider jest następujące: Konfiguracja VPN możesz utworzyć, wywołując metodę createConfig(). Konfiguracja sieci VPN to stały wpis wyświetlany użytkownikowi w
- Rozszerzenia do Chrome
chrome.enterprise.deviceAttributes
Odczytuj atrybuty urządzeń za pomocą interfejsu API chrome.enterprise.deviceAttributes. Uwaga: ten interfejs API jest dostępny tylko w przypadku rozszerzeń, których instalacja została wymuszona przez zasady przedsiębiorstwa. Pobiera lokalizację
- Rozszerzenia do Chrome
chrome.systemLog
Dzienniki systemowe Chrome pochodzące z rozszerzeń możesz rejestrować za pomocą interfejsu API chrome.systemLog. ciąg znaków Dodaje nowy rekord logu. MessageOptions Opcje logowania. funkcja optional Parametr callback wygląda tak:
- Rozszerzenia do Chrome
chrome.power
Aby zastąpić funkcje zarządzania zasilaniem systemu, użyj interfejsu API chrome.power. Domyślnie systemy operacyjne przyciemniają ekran, gdy użytkownicy są nieaktywni, a następnie systemu. Dzięki interfejsowi Power API aplikacja lub rozszerzenie może
- Rozszerzenia do Chrome
chrome.system.memory
Interfejs API chrome.system.memory. liczba Ilość dostępnej pojemności w bajtach. liczba Łączna ilość pamięci fizycznej (w bajtach). Uzyskiwanie informacji o pamięci fizycznej. funkcja optional Parametr callback wygląda tak: MemoryInfo Promise&lt;
- Rozszerzenia do Chrome
chrome.proxy
Do zarządzania ustawieniami serwera proxy Chrome używaj interfejsu API chrome.proxy. Ten interfejs API opiera się na prototypie interfejsu ChromeSettings API typu do pobierania i ustawiania konfiguracji serwera proxy. Musisz zadeklarować serwer proxy
- Rozszerzenia do Chrome
chrome.topSites
Użyj interfejsu API chrome.topSites, aby uzyskać dostęp do najpopularniejszych witryn (tj. najczęściej odwiedzanych) wyświetlanych na stronie nowej karty. Nie obejmują one skrótów niestandardowych przez użytkownika. Musisz zadeklarować „topSites”
- Rozszerzenia do Chrome
chrome.enterprise.networkingAttributes
Użyj interfejsu API chrome.enterprise.networkingAttributes, aby odczytać informacje o bieżącej sieci. Uwaga: ten interfejs API jest dostępny tylko w przypadku rozszerzeń, których instalacja została wymuszona przez zasady przedsiębiorstwa. ciąg znaków
- Rozszerzenia do Chrome
chrome.devtools.recorder
Panel Dyktafon w Narzędziach deweloperskich możesz dostosować za pomocą interfejsu API chrome.devtools.recorder. devtools.recorder API to funkcja w wersji testowej, która umożliwia rozszerzenie panelu Dyktafon w Narzędziach deweloperskich w Chrome.
- Rozszerzenia do Chrome
chrome.system.cpu
Do wysyłania zapytań o metadane procesora użyj interfejsu API system.cpu. ciąg znaków Nazwa architektury procesorów. ciąg znaków[] Zestaw kodów funkcji wskazujących niektóre możliwości procesora. Obecnie obsługiwane kody to „mmx”, „sse”, „sse2”,
- Rozszerzenia do Chrome
chrome.devtools.network
Interfejs API chrome.devtools.network umożliwia pobieranie informacji o żądaniach sieciowych wyświetlanych przez narzędzia dla programistów w panelu Sieć. Informacje o żądaniach sieciowych są zapisywane w formacie HAR (archiwum HTTP). Opis HAR nie
- Rozszerzenia do Chrome
chrome.processes
Interfejs API chrome.processes umożliwia interakcję z procesami przeglądarki. liczba Używana część pamięci podręcznej (w bajtach). liczba Rozmiar pamięci podręcznej w bajtach. liczba opcjonalnie Ostatni pomiar wykorzystania procesora w procesie,
- Rozszerzenia do Chrome
chrome.search
Używaj interfejsu API chrome.search, aby wyszukiwać za pomocą domyślnego dostawcy. "CURRENT_TAB" Określa, czy wyniki wyszukiwania mają być wyświetlane na karcie Połączenia czy na karcie aktywnej przeglądarki. "NEW_TAB" Określa, czy wyniki
- Rozszerzenia do Chrome
chrome.webNavigation
Używaj interfejsu API chrome.webNavigation, aby otrzymywać powiadomienia o stanie próśb o nawigację w drodze. Wszystkie metody i zdarzenia chrome.webNavigation wymagają zadeklarowania uprawnienia "webNavigation" z pliku manifestu rozszerzenia. Na
- Rozszerzenia do Chrome
chrome.tts
Używaj interfejsu API chrome.tts do odtwarzania zamiany tekstu na mowę z syntezatorem mowy. Zobacz też powiązany interfejs API ttsEngine, który umożliwia rozszerzeniu wdrożenie silnika mowy. Chrome zapewnia tę funkcję w systemach Windows (z
- Rozszerzenia do Chrome
chrome.devtools.inspectedWindow
Użyj interfejsu API chrome.devtools.inspectedWindow, aby wejść w interakcję z sprawdzanym oknem: uzyskaj identyfikator karty dla sprawdzanej strony, oceń kod w kontekście sprawdzanego okna, załaduj ponownie stronę lub pobierz listę zasobów na
- Rozszerzenia do Chrome
chrome.tabGroups
Do interakcji z systemem grupowania kart przeglądarki używaj interfejsu API chrome.tabGroups. Za pomocą tego interfejsu API możesz modyfikować i zmieniać kolejność grup kart w przeglądarce. Aby pogrupować i rozgrupować karty lub zadać pytanie, które
- Rozszerzenia do Chrome
chrome.printerProvider
Interfejs API chrome.printerProvider udostępnia zdarzenia używane przez menedżera wydruku do wysyłania zapytań o drukarki kontrolowane przez rozszerzenia, wysyłanie zapytań o ich możliwości i przesyłanie zadań drukowania do tych drukarek. ciąg znaków
- Rozszerzenia do Chrome
chrome.printingMetrics
Użyj interfejsu API chrome.printingMetrics, aby pobrać dane o wykorzystaniu drukowania. "BLACK_AND_WHITE" Określa, że był używany tryb czarno-biały. "Color" Określa użyty tryb kolorów. "ONE_SIDED" Określa, że użyto drukowania jednostronnego.
- Rozszerzenia do Chrome
chrome.sessions
Używaj interfejsu API chrome.sessions do wysyłania zapytań dotyczących kart oraz okien i przywracania ich z sesji przeglądania. ciąg znaków Nazwa obcego urządzenia. Sesja [] Lista sesji otwartych okien dla obcego urządzenia, posortowana od ostatniej
- Rozszerzenia do Chrome
Funkcje i opcje Chrome
Uprawnienia to opcje, których możesz użyć, aby dostosować i skonfigurować sesję ChromeDriver.
Interfejs wykrywania języka jest dostępny we wczesnej wersji przedpremierowej
Uczestnicy programu EPP mogą teraz tworzyć prototypy z użyciem interfejsu Language Detection API w Chrome.
- Chrome
chrome.declarativeNetRequest
Interfejs API chrome.declarativeNetRequest służy do blokowania lub modyfikowania żądań sieciowych przez określenie reguł deklaratywnych. Dzięki temu rozszerzenia mogą modyfikować żądania sieciowe bez ich przechwytywania i wyświetlania treści, co
- Rozszerzenia do Chrome
Lighthouse: optymalizacja szybkości strony
Przyspiesz wczytywanie stron dzięki Chrome Lighthouse.
- Narzędzia deweloperskie w Chrome
chrome.webRequest
Interfejs chrome.webRequest API pozwala obserwować i analizować ruch oraz przechwytywać, blokować i modyfikować przesyłane żądania. Aby używać żądania internetowego, musisz zadeklarować uprawnienia "webRequest" w pliku manifestu rozszerzenia. API, a
- Rozszerzenia do Chrome
chrome.sidePanel
Używaj interfejsu API chrome.sidePanel do hostowania treści w panelu bocznym przeglądarki obok głównej treści strony internetowej. Aby używać interfejsu Side Panel API, dodaj uprawnienie "sidePanel" do pliku manifest rozszerzenia: manifest.json:
- Rozszerzenia do Chrome
chrome.omnibox
Interfejs API omniboksu umożliwia zarejestrowanie słowa kluczowego na pasku adresu Google Chrome, zwanym także omniboksem. Gdy użytkownik wpisze słowo kluczowe rozszerzenia, rozpocznie interakcję tylko z Twoją. Każda naciśnięcie klawisza jest
- Rozszerzenia do Chrome
chrome.pageAction
Użyj interfejsu API chrome.pageAction, aby umieścić ikony na głównym pasku narzędzi Google Chrome po prawej stronie paska adresu. Działania na stronie to działania, które można wykonać na bieżącej stronie, ale nie na wszystkich stronach. Działania na
- Rozszerzenia do Chrome
chrome.windows
Do interakcji z oknami przeglądarki używaj interfejsu API chrome.windows. Za pomocą tego interfejsu API możesz tworzyć, modyfikować i zmieniać kolejność okien w przeglądarce. Na żądanie windows.Window zawiera tablicę obiektów tabs.Tab.
- Rozszerzenia do Chrome
chrome.i18n
Użyj infrastruktury chrome.i18n, aby wdrożyć internacjonalizację całej aplikacji lub rozszerzenia. Wszystkie ciągi znaków widoczne dla użytkowników musisz umieścić w pliku o nazwie messages.json. Za każdym razem dodajesz nowe ustawienia regionalne,
- Rozszerzenia do Chrome
chrome.browserAction
Użyj działań przeglądarki, aby umieścić ikony na głównym pasku narzędzi Google Chrome, po prawej stronie paska adresu. Oprócz ikony działanie w przeglądarce może mieć etykietkę, plakietkę i wyskakujące okienko. Na tej ilustracji wielokolorowy kwadrat
- Rozszerzenia do Chrome
chrome.webRequest
Interfejs chrome.webRequest API pozwala obserwować i analizować ruch oraz przechwytywać, blokować i modyfikować przesyłane żądania. Aby używać żądania internetowego, musisz zadeklarować uprawnienia "webRequest" w pliku manifestu rozszerzenia. API, a
- Rozszerzenia do Chrome
chrome.fileBrowserHandler
Rozszerzenie przeglądarki plików Chrome OS za pomocą interfejsu API chrome.fileBrowserHandler. Możesz na przykład użyć tego interfejsu API, aby umożliwić użytkownikom przesyłanie plików do Twojej witryny. Przeglądarka plików ChromeOS pojawia się, gdy
- Rozszerzenia do Chrome
chrome.devtools.panels
Interfejs API chrome.devtools.panels pozwala zintegrować rozszerzenie z interfejsem okna Narzędzia dla programistów i tworzyć własne panele, uzyskiwać dostęp do dotychczasowych paneli i dodawać paski boczne. Aby używać tego interfejsu API, należy
- Rozszerzenia do Chrome
Format pliku manifestu
Każda aplikacja ma plik manifestu w formacie JSON o nazwie manifest.json, który zawiera ważne i informacjami o nich. Poniższy kod pokazuje obsługiwane pola manifestu dla aplikacji z linkami do strony, która omawia poszczególne dziedziny.
chrome.system.cpu
Do wysyłania zapytań o metadane procesora użyj interfejsu API system.cpu. ciąg znaków Nazwa architektury procesorów. ciąg znaków[] Zestaw kodów funkcji wskazujących niektóre możliwości procesora. Obecnie obsługiwane kody to „mmx”, „sse”, „sse2”,
- Rozszerzenia do Chrome
chrome.enterprise.networkingAttributes
Użyj interfejsu API chrome.enterprise.networkingAttributes, aby odczytać informacje o bieżącej sieci. Uwaga: ten interfejs API jest dostępny tylko w przypadku rozszerzeń, których instalacja została wymuszona przez zasady przedsiębiorstwa. ciąg znaków
- Rozszerzenia do Chrome
chrome.gcm
Użyj usługi chrome.gcm, by umożliwić aplikacjom i rozszerzeniom wysyłanie i odbieranie wiadomości przez Komunikację w chmurze Firebase (FCM). Maksymalny rozmiar (w bajtach) wszystkich par klucz-wartość w wiadomości. 4096 Rejestruje aplikację w FCM.
- Rozszerzenia do Chrome
chrome.instanceID
Użyj adresu chrome.instanceID, aby uzyskać dostęp do usługi identyfikatora instancji. Resetuje identyfikator instancji aplikacji i unieważnia wszystkie powiązane z nim tokeny. funkcja optional Parametr callback wygląda tak: Obietnica<void>
- Rozszerzenia do Chrome
chrome.loginState
Do odczytywania i monitorowania stanu logowania za pomocą interfejsu API chrome.loginState. "SIGNIN_PROFILE" Określa, że rozszerzenie znajduje się w profilu logowania. "USER_PROFILE" Określa, że rozszerzenie znajduje się w profilu użytkownika.
- Rozszerzenia do Chrome
chrome.input.ime
Implementacja niestandardowego edytora IME dla ChromeOS przy użyciu interfejsu API chrome.input.ime. Dzięki temu rozszerzenie może obsługiwać naciśnięcia klawiszy, ustawiać kompozycję i zarządzać oknem propozycji. Musisz zadeklarować „input”
- Rozszerzenia do Chrome
chrome.printingMetrics
Użyj interfejsu API chrome.printingMetrics, aby pobrać dane o wykorzystaniu drukowania. "BLACK_AND_WHITE" Określa, że był używany tryb czarno-biały. "Color" Określa użyty tryb kolorów. "ONE_SIDED" Określa, że użyto drukowania jednostronnego.
- Rozszerzenia do Chrome
chrome.fontSettings
Do zarządzania ustawieniami czcionek Chrome używaj interfejsu API chrome.fontSettings. Aby korzystać z interfejsu Font Settings API, musisz zadeklarować „fontSettings” uprawnienia przeglądarki w rozszerzeniu pliku manifestu. Na przykład: Chrome
- Rozszerzenia do Chrome
chrome.processes
Interfejs API chrome.processes umożliwia interakcję z procesami przeglądarki. liczba Używana część pamięci podręcznej (w bajtach). liczba Rozmiar pamięci podręcznej w bajtach. liczba opcjonalnie Ostatni pomiar wykorzystania procesora w procesie,
- Rozszerzenia do Chrome
chrome.sessions
Używaj interfejsu API chrome.sessions do wysyłania zapytań dotyczących kart oraz okien i przywracania ich z sesji przeglądania. ciąg znaków Nazwa obcego urządzenia. Sesja [] Lista sesji otwartych okien dla obcego urządzenia, posortowana od ostatniej
- Rozszerzenia do Chrome
chrome.platformKeys
Użyj interfejsu API chrome.platformKeys, aby uzyskać dostęp do certyfikatów klienta zarządzanych przez platformę. Jeśli użytkownik lub zasada przyzna takie uprawnienia, rozszerzenie może używać takiego certyfikatu w swoim własnym protokole
- Rozszerzenia do Chrome
chrome.devtools.inspectedWindow
Użyj interfejsu API chrome.devtools.inspectedWindow, aby wejść w interakcję z sprawdzanym oknem: uzyskaj identyfikator karty dla sprawdzanej strony, oceń kod w kontekście sprawdzanego okna, załaduj ponownie stronę lub pobierz listę zasobów na
- Rozszerzenia do Chrome
chrome.identity
Żeby uzyskać tokeny dostępu OAuth2, użyj interfejsu API chrome.identity. ciąg znaków Niepowtarzalny identyfikator konta. Identyfikator nie zmieni się przez cały okres istnienia konta. "SYNC" Określa, czy synchronizacja jest włączona na koncie
- Rozszerzenia do Chrome
chrome.history
Do interakcji z rejestrem odwiedzonych stron w przeglądarce należy używać interfejsu API chrome.history. W historii przeglądarki możesz dodawać i usuwać adresy URL, a także wysyłać dotyczące ich zapytania. Aby zastąpić stronę historii własną wersją,
- Rozszerzenia do Chrome
chrome.enterprise.hardwarePlatform
Użyj interfejsu API chrome.enterprise.hardwarePlatform, aby uzyskać nazwę producenta i model platformy sprzętowej, na której działa przeglądarka. Uwaga: ten interfejs API jest dostępny tylko w przypadku rozszerzeń zainstalowanych przez zasady
- Rozszerzenia do Chrome
chrome.tts
Używaj interfejsu API chrome.tts do odtwarzania zamiany tekstu na mowę z syntezatorem. Zobacz też powiązany interfejs API ttsEngine, który umożliwia rozszerzeniu wdrożenie silnika mowy. Chrome zapewnia natywną obsługę mowy w systemach Windows (z
- Rozszerzenia do Chrome
chrome.devtools.recorder
Za pomocą interfejsu API chrome.devtools.recorder możesz dostosować panel Dyktafon w Narzędziach deweloperskich. Zapoznaj się z podsumowaniem interfejsów API Narzędzi deweloperskich, aby uzyskać ogólne wprowadzenie do korzystania z interfejsów API
- Rozszerzenia do Chrome
chrome.dom
Użyj interfejsu API chrome.dom, aby uzyskać dostęp do specjalnych interfejsów DOM API dla rozszerzeń Pobiera otwarty katalog główny cienia lub zamknięty katalog główny cienia hostowany przez określony element. Jeśli element nie dołączy pierwiastka
- Rozszerzenia do Chrome
chrome.tabCapture
Do interakcji ze strumieniami multimediów na karcie używaj interfejsu API chrome.tabCapture. Interfejs chrome.tabCapture API umożliwia dostęp do obiektu MediaStream zawierającego filmy i na bieżącej karcie. Może zostać wywołana tylko po wywołaniu
- Rozszerzenia do Chrome
chrome.topSites
Użyj interfejsu API chrome.topSites, aby uzyskać dostęp do najpopularniejszych witryn (tj. najczęściej odwiedzanych) wyświetlanych na stronie nowej karty. Nie obejmują one skrótów niestandardowych przez użytkownika. Musisz zadeklarować „topSites”
- Rozszerzenia do Chrome
chrome.webNavigation
Używaj interfejsu API chrome.webNavigation, aby otrzymywać powiadomienia o stanie próśb o nawigację w drodze. Wszystkie metody i zdarzenia funkcji chrome.webNavigation wymagają zadeklarowania funkcji „webNavigation” uprawnienia w pliku manifestu
- Rozszerzenia do Chrome
chrome.management
Interfejs chrome.management API umożliwia zarządzanie zainstalowanymi aplikacjami i rozszerzeniami. Musisz zadeklarować zarządzanie. uprawnienia w pliku manifestu rozszerzenia na korzystanie z funkcji zarządzania API. Na przykład:
- Rozszerzenia do Chrome
chrome.search
Używaj interfejsu API chrome.search, aby wyszukiwać za pomocą domyślnego dostawcy. "CURRENT_TAB" Określa, czy wyniki wyszukiwania mają być wyświetlane na karcie Połączenia czy na karcie aktywnej przeglądarki. "NEW_TAB" Określa, czy wyniki
- Rozszerzenia do Chrome
chrome.wallpaper
Aby zmienić tapetę ChromeOS, użyj interfejsu API chrome.wallpaper. Musisz zadeklarować tapetę uprawnienia w pliku manifestu aplikacji z tapetą w interfejsie API. Na przykład: Aby na przykład ustawić tapetę jako obraz w https://example.com/a_file.png,
- Rozszerzenia do Chrome
chrome.idle
Użyj interfejsu API chrome.idle, aby wykryć zmiany stanu bezczynności maszyny. Musisz zadeklarować status „idle” uprawnienia do używania bezczynnego interfejsu API rozszerzenia w pliku manifestu. Przykład: "active" "idle" "zablokowany" Określa czas
- Rozszerzenia do Chrome
chrome.enterprise.deviceAttributes
Odczytuj atrybuty urządzeń za pomocą interfejsu API chrome.enterprise.deviceAttributes. Uwaga: ten interfejs API jest dostępny tylko w przypadku rozszerzeń, których instalacja została wymuszona przez zasady przedsiębiorstwa. Pobiera lokalizację
- Rozszerzenia do Chrome
chrome.types
Interfejs API chrome.types zawiera deklaracje typów dla Chrome. Prototyp ChromeSetting zawiera wspólny zestaw funkcji ( get(), set() i clear() ) oraz wydawcę wydarzenia ( onChange ) w ustawieniach przeglądarki Chrome. W sekcji Ustawienia serwera
- Rozszerzenia do Chrome
chrome.windows
Do interakcji z oknami przeglądarki używaj interfejsu API chrome.windows. Za pomocą tego interfejsu API możesz tworzyć, modyfikować i zmieniać kolejność okien w przeglądarce. Na żądanie windows.Window zawiera tablicę obiektów tabs.Tab.
- Rozszerzenia do Chrome
chrome.power
Aby zastąpić funkcje zarządzania zasilaniem systemu, użyj interfejsu API chrome.power. Domyślnie systemy operacyjne przyciemniają ekran, gdy użytkownicy są nieaktywni, a następnie systemu. Dzięki interfejsowi Power API aplikacja lub rozszerzenie może
- Rozszerzenia do Chrome
chrome.pageCapture
Aby zapisać kartę w formacie MHTML, użyj interfejsu API chrome.pageCapture. MHTML to standardowy format obsługiwany przez większość przeglądarek. Znajduje się w jednym pliku strony, i wszystkie jego zasoby (pliki CSS, obrazy...). Ze względów
- Rozszerzenia do Chrome
chrome.systemLog
Dzienniki systemowe Chrome pochodzące z rozszerzeń możesz rejestrować za pomocą interfejsu API chrome.systemLog. ciąg znaków Dodaje nowy rekord logu. MessageOptions Opcje logowania. funkcja optional Parametr callback wygląda tak:
- Rozszerzenia do Chrome
chrome.privacy
Używaj interfejsu API chrome.privacy, aby kontrolować korzystanie w Chrome z funkcji, które mogą naruszać prywatność użytkowników. Ten interfejs API opiera się na prototypie interfejsu ChromeSetting API do pobierania i konfigurowania konfiguracji
- Rozszerzenia do Chrome
chrome.fileSystemProvider
Do tworzenia systemów plików, do których można uzyskać dostęp za pomocą menedżera plików w Chrome OS, użyj interfejsu API chrome.fileSystemProvider. Musisz zadeklarować atrybut „fileSystemProvider” i sekcji w pliku manifestu rozszerzenia, aby
- Rozszerzenia do Chrome
chrome.notifications
Interfejs API chrome.notifications umożliwia tworzenie rozszerzonych powiadomień na podstawie szablonów i wyświetlanie ich użytkownikom w obszarze powiadomień. ciąg znaków opcjonalny Ikony przycisków nie są widoczne dla użytkowników systemu Mac OS X.
- Rozszerzenia do Chrome
chrome.devtools.network
Interfejs API chrome.devtools.network umożliwia pobieranie informacji o żądaniach sieciowych wyświetlanych przez narzędzia dla programistów w panelu Sieć. Aby używać tego interfejsu API, należy zadeklarować te klucze w pliku manifestu. Zapoznaj się z
- Rozszerzenia do Chrome
chrome.downloads
To uprawnienie powoduje wyświetlenie ostrzeżenia Interfejs API chrome.downloads służy do programowego inicjowania, monitorowania, modyfikowania i wyszukiwania plików do pobrania. Aby używać tego interfejsu API, musisz zadeklarować uprawnienia
- Rozszerzenia do Chrome
chrome.vpnProvider
Wdróż klienta VPN za pomocą interfejsu API chrome.vpnProvider. Typowe użycie parametru vpnProvider jest następujące: Twórz konfiguracje VPN za pomocą metody createConfig. Konfiguracja sieci VPN to stały wpis wyświetlany użytkownikowi w natywnym
- Rozszerzenia do Chrome
chrome.printerProvider
Interfejs API chrome.printerProvider udostępnia zdarzenia używane przez menedżera wydruku do wysyłania zapytań o drukarki kontrolowane przez rozszerzenia, wysyłanie zapytań o ich możliwości i przesyłanie zadań drukowania do tych drukarek. ciąg znaków
- Rozszerzenia do Chrome
chrome.proxy
Do zarządzania ustawieniami serwera proxy Chrome używaj interfejsu API chrome.proxy. Ten interfejs API opiera się na prototypie interfejsu ChromeSetting API do pobierania i ustawiania konfiguracji serwera proxy. Musisz zadeklarować serwer proxy
- Rozszerzenia do Chrome
chrome.events
Przestrzeń nazw chrome.events zawiera typowe typy wykorzystywane przez interfejsy API wysyłające zdarzenia, aby powiadamiać Cię, gdy wydarzy się coś interesującego. Event to obiekt umożliwiający otrzymywanie powiadomień, gdy wydarzy się coś
- Rozszerzenia do Chrome
chrome.events
Przestrzeń nazw chrome.events zawiera typowe typy wykorzystywane przez interfejsy API wysyłające zdarzenia, aby powiadamiać Cię, gdy wydarzy się coś interesującego. Event to obiekt umożliwiający otrzymywanie powiadomień, gdy wydarzy się coś
- Rozszerzenia do Chrome
chrome.idle
Użyj interfejsu API chrome.idle, aby wykryć zmiany stanu bezczynności maszyny. Aby używać bezczynnego interfejsu API, musisz zadeklarować uprawnienia "idle" w pliku manifestu rozszerzenia. Przykład: "active" "idle" "zablokowany" Określa czas (w
- Rozszerzenia do Chrome
chrome.offscreen
Używaj interfejsu API offscreen do tworzenia dokumentów poza ekranem i zarządzania nimi. Aby używać interfejsu Offscreen API, zadeklaruj uprawnienia "offscreen" w pliku manifestu rozszerzenia. Na przykład: Skrypty service worker nie mają dostępu DOM,
- Rozszerzenia do Chrome
chrome.pageCapture
Aby zapisać kartę w formacie MHTML, użyj interfejsu API chrome.pageCapture. MHTML to standardowy format obsługiwany przez większość przeglądarek. Znajduje się w jednym pliku strony, i wszystkie jego zasoby (pliki CSS, obrazy...). Ze względów
- Rozszerzenia do Chrome
chrome.fileSystemProvider
Do tworzenia systemów plików, do których można uzyskać dostęp za pomocą menedżera plików w Chrome OS, użyj interfejsu API chrome.fileSystemProvider. Musisz zadeklarować atrybut „fileSystemProvider” i sekcji w pliku manifestu rozszerzenia, aby
- Rozszerzenia do Chrome
chrome.dom
Użyj interfejsu API chrome.dom, aby uzyskać dostęp do specjalnych interfejsów DOM API dla rozszerzeń Pobiera otwarty katalog główny cienia lub zamknięty katalog główny cienia hostowany przez określony element. Jeśli element nie dołączy pierwiastka
- Rozszerzenia do Chrome
chrome.omnibox
Interfejs API omniboksu umożliwia zarejestrowanie słowa kluczowego na pasku adresu Google Chrome, zwanym także omniboksem. Gdy użytkownik wpisze słowo kluczowe rozszerzenia, rozpocznie interakcję tylko z Twoją. Każda naciśnięcie klawisza jest
- Rozszerzenia do Chrome
chrome.management
Interfejs chrome.management API umożliwia zarządzanie zainstalowanymi aplikacjami i rozszerzeniami. Musisz zadeklarować zarządzanie. uprawnienia w pliku manifestu rozszerzenia na korzystanie z funkcji zarządzania API. Na przykład:
- Rozszerzenia do Chrome
chrome.debugger
Interfejs API chrome.debugger służy jako alternatywny środek transportu dla protokołu zdalnego debugowania w Chrome. Przy użyciu elementu chrome.debugger możesz dołączyć do co najmniej 1 karty w celu instrumentowania interakcji w sieci, debugowania
- Rozszerzenia do Chrome
chrome.downloads
Interfejs API chrome.downloads służy do programowego inicjowania, monitorowania, modyfikowania i wyszukiwania plików do pobrania. Aby używać tego interfejsu API, musisz zadeklarować uprawnienia "downloads" w pliku manifestu rozszerzenia. Proste
- Rozszerzenia do Chrome
chrome.history
Do interakcji z rejestrem odwiedzonych stron w przeglądarce należy używać interfejsu API chrome.history. W historii przeglądarki możesz dodawać i usuwać adresy URL, a także wysyłać dotyczące ich zapytania. Aby zastąpić stronę historii własną wersją,
- Rozszerzenia do Chrome
chrome.gcm
Użyj usługi chrome.gcm, by umożliwić aplikacjom i rozszerzeniom wysyłanie i odbieranie wiadomości przez Komunikację w chmurze Firebase (FCM). Maksymalny rozmiar (w bajtach) wszystkich par klucz-wartość w wiadomości. 4096 Rejestruje aplikację w FCM.
- Rozszerzenia do Chrome
chrome.notifications
Interfejs API chrome.notifications umożliwia tworzenie rozszerzonych powiadomień na podstawie szablonów i wyświetlanie ich użytkownikom w obszarze powiadomień. ciąg znaków opcjonalny Ikony przycisków nie są widoczne dla użytkowników systemu Mac OS X.
- Rozszerzenia do Chrome
chrome.instanceID
Użyj adresu chrome.instanceID, aby uzyskać dostęp do usługi identyfikatora instancji. Resetuje identyfikator instancji aplikacji i unieważnia wszystkie powiązane z nim tokeny. funkcja optional Parametr callback wygląda tak: Obietnica<void>
- Rozszerzenia do Chrome
chrome.loginState
Do odczytywania i monitorowania stanu logowania za pomocą interfejsu API chrome.loginState. "SIGNIN_PROFILE" Określa, że rozszerzenie znajduje się w profilu logowania. "USER_PROFILE" Określa, że rozszerzenie znajduje się w profilu użytkownika.
- Rozszerzenia do Chrome
chrome.platformKeys
Użyj interfejsu API chrome.platformKeys, aby uzyskać dostęp do certyfikatów klienta zarządzanych przez platformę. Jeśli użytkownik lub zasada przyzna takie uprawnienia, rozszerzenie może używać takiego certyfikatu w swoim własnym protokole
- Rozszerzenia do Chrome
chrome.identity
Żeby uzyskać tokeny dostępu OAuth2, użyj interfejsu API chrome.identity. ciąg znaków Niepowtarzalny identyfikator konta. Identyfikator nie zmieni się przez cały okres istnienia konta. "SYNC" Określa, czy synchronizacja jest włączona na koncie
- Rozszerzenia do Chrome
chrome.sockets.tcp
Interfejs API chrome.sockets.tcp służy do wysyłania i odbierania danych przez sieć przy użyciu połączeń TCP. Ten interfejs API zastępuje funkcję TCP wcześniej dostępną w interfejsie API chrome.socket. Aby używać tego interfejsu API, należy
chrome.hid
Do interakcji z połączonymi urządzeniami HID używaj interfejsu API chrome.hid. Ten interfejs API zapewnia dostęp do operacji HID z kontekstu aplikacji. Za jego pomocą aplikacje mogą działać jako sterowniki urządzeń sprzętowych. Błędy generowane przez
chrome.fileSystem
Interfejs API chrome.fileSystem służy do tworzenia, odczytywania i zapisywania plików w lokalnym systemie plików użytkownika oraz do nawigowania w nim. Ten interfejs API umożliwia Aplikacje Chrome odczyt i zapis w wybranej przez użytkownika
chrome.system.network
Użyj interfejsu API chrome.system.network. ciąg znaków Dostępny adres IPv4/6. ciąg znaków Nazwa bazowa adaptera. *nix będzie to zazwyczaj „eth0”, „wlan0” itd. liczba Długość prefiksu Pobiera informacje o adapterach lokalnych w tym systemie. funkcja
chrome.sockets.tcpServer
Interfejs API chrome.sockets.tcpServer służy do tworzenia aplikacji serwerowych korzystających z połączeń TCP. Ten interfejs API zastępuje funkcję TCP wcześniej dostępną w interfejsie API chrome.socket. Aby używać tego interfejsu API, należy
chrome.app.window
Do tworzenia okien używaj interfejsu API chrome.app.window. Windows ma opcjonalną ramkę z paskiem tytułu i elementami sterującymi rozmiarem. Nie są one powiązane z żadnymi oknami przeglądarki Chrome. Aby zapoznać się z tymi opcjami, zobacz Przykład
chrome.mediaGalleries
Interfejs API chrome.mediaGalleries umożliwia dostęp do plików multimedialnych (dźwiękowych, graficznych i wideo) z dysków lokalnych użytkownika (za jego zgodą). ciąg znaków wartość logiczna ciąg znaków Identyfikuje zmodyfikowaną galerię.
Logowanie
Domyślnie ChromeDriver rejestruje tylko ostrzeżenia/błędy. Podczas debugowania problemów, warto włączyć bardziej szczegółowe zapisywanie w dzienniku. Aby włączyć logowanie szczegółowe, po prostu przekaż zasadę --verbose do serwera
Pierwsze kroki z ChromeDriver
Z tej strony dowiesz się, jak zacząć używać ChromeDriver do testowania witryny na komputerze (Windows/Mac/Linux). Możesz też przeczytać Pierwsze kroki z Androidem lub Pierwsze kroki z ChromeOS ChromeDriver to oddzielny plik wykonywalny, którego
Rozszerzenia do Chrome
Rozszerzenia do Chrome można rozpakować lub rozpakować. Aby zapakować rozszerzenie bez pakietu, użyj przycisku spakowania w języku: chrome://extensions lub użyj metody Chrome: "chrome.exe --pack-extension=C:\path\to\unpacked\extension
Chrome 129 w wersji beta
Ten post zawiera szczegółowe informacje na temat funkcji dostępnych w bieżącej wersji beta, by sprawdzić, jak wygląda nowa wersja Chrome.
- Chrome
Dostosuj dane o skuteczności za pomocą interfejsu API Extensibility API
Dostosuj dane o skuteczności za pomocą interfejsu API Extensibility API
- Narzędzia deweloperskie w Chrome
chrome.browsingData
Aby usunąć dane przeglądania z lokalnego profilu użytkownika, użyj interfejsu API chrome.browsingData. Aby używać tego interfejsu API, musisz zadeklarować uprawnienia "browsingData" w pliku manifestu rozszerzenia. Najprostszym przypadkiem użycia tego
- Rozszerzenia do Chrome
chrome.system.memory
Interfejs API chrome.system.memory. liczba Ilość dostępnej pojemności w bajtach. liczba Łączna ilość pamięci fizycznej (w bajtach). Uzyskiwanie informacji o pamięci fizycznej. funkcja optional Parametr callback wygląda tak: MemoryInfo Promise&lt;
- Rozszerzenia do Chrome
chrome.desktopCapture
Interfejs Desktop Capture API przechwytuje zawartość ekranu, poszczególnych okien i poszczególnych kart. Wartość typu Enum służąca do zdefiniowania zestawu źródeł multimediów na komputery używanych w zasadzie selectDesktopMedia(). "screen" "window"
- Rozszerzenia do Chrome
chrome.dns
Do rozpoznawania nazw DNS użyj interfejsu API chrome.dns. Aby używać tego interfejsu API, musisz zadeklarować uprawnienie "dns" w pliku manifestu. Poniższy kod wywołuje metodę resolve(), aby uzyskać adres IP example.com. service-worker.js: ciąg
- Rozszerzenia do Chrome
chrome.documentScan
Wykrywaj i pobieraj obrazy z podłączonych skanerów dokumentów za pomocą interfejsu API chrome.documentScan. Interfejs Document Scan API umożliwia aplikacjom i rozszerzeniom wyświetlanie treść papierowych dokumentów na podłączonym skanerze dokumentów.
- Rozszerzenia do Chrome
chrome.declarativeWebRequest
Uwaga: ten interfejs API został wycofany. Zamiast tego zapoznaj się z interfejsem API declarativeNetRequest. Przechwytywać, blokować i modyfikować przesyłane żądania za pomocą interfejsu API chrome.declarativeWebRequest. Jest to znacznie szybsze niż
- Rozszerzenia do Chrome
Dokumentacja API
Pełne informacje o wszystkich interfejsach API dostępnych dla rozszerzeń do Chrome. Dotyczy to interfejsów API wycofanych z aplikacji Chrome oraz interfejsów API, które nadal są w wersji beta i deweloperskiej.
- Rozszerzenia do Chrome
Chrome DevTools
Debuguj i optymalizuj swoje aplikacje internetowe za pomocą Narzędzi deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Poprawa wydajności ułatwień dostępu w Chromium
Post od Ahmeda Elwasefija, który opowiada, jak dzięki Google Summer of Code stał się współtwórcą Chromium.
- Chrome
Tworzenie aplikacji za pomocą WebGPU
Dowiedz się, jak utworzyć aplikację za pomocą WebGPU na komputery i określone platformy.
Multimedia: wyświetlanie i debugowanie informacji o odtwarzaczach
W panelu multimediów możesz wyświetlać informacje i debugować odtwarzacze na danej karcie przeglądarki.
- Narzędzia deweloperskie w Chrome
Nowości w WebGPU (Chrome 128)
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.
- Chrome
- WebGpu
Chrome 128
20 sierpnia 2024 r. zaczniemy wprowadzać Chrome 128 z właściwością CSS ruby-align, Promise.try i nie tylko.
- Chrome
Testowanie origin interfejsu File System Observer API
Zespół Chrome eksperymentuje z nowym interfejsem File System Observer API, który informuje deweloperów o zmianach w systemie plików.
- Chrome
Nowości w Chrome 128
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.
- Chrome
chrome.contentSettings
Interfejs API chrome.contentSettings umożliwia zmianę ustawień, które określają, czy strony mogą korzystać z takich funkcji jak pliki cookie, JavaScript i wtyczki. Ogólnie rzecz biorąc, ustawienia treści umożliwiają dostosowanie działania Chrome w
- Rozszerzenia do Chrome
chrome.alarms
Użyj interfejsu API chrome.alarms, aby zaplanować okresowe lub w przyszłości uruchamianie kodu. Aby używać interfejsu API chrome.alarms, zadeklaruj uprawnienie "alarms" w pliku manifestu: Poniższe przykłady pokazują, jak używać alarmu i jak na niego
- Rozszerzenia do Chrome
chrome.contextMenus
Aby dodawać elementy do menu kontekstowego Google Chrome, używaj interfejsu API chrome.contextMenus. Możesz wybrać typy obiektów, do których mają zastosowanie dodane w menu kontekstowym, np. obrazów, hiperlinków i stron. Pozycje menu kontekstowego
- Rozszerzenia do Chrome
chrome.debugger
Interfejs API chrome.debugger służy jako alternatywny środek transportu dla protokołu zdalnego debugowania w Chrome. Przy użyciu elementu chrome.debugger możesz dołączyć do co najmniej 1 karty w celu instrumentowania interakcji w sieci, debugowania
- Rozszerzenia do Chrome
chrome.audio
Interfejs API chrome.audio umożliwia użytkownikom uzyskiwanie informacji o urządzeniach audio podłączonych do systemu i zarządzanie nimi. Ten interfejs API jest obecnie dostępny tylko w trybie kiosku w ChromeOS. ciąg znaków Nazwa urządzenia.
- Rozszerzenia do Chrome
chrome.declarativeContent
Interfejs API chrome.declarativeContent umożliwia wykonywanie działań w zależności od treści strony bez wymagania uprawnień do jej odczytu. Interfejs Deklaratywnej treści API umożliwia włączenie działania rozszerzenia w zależności od adresu URL lub
- Rozszerzenia do Chrome
chrome.commands
Użyj interfejsu API poleceń, aby dodać skróty klawiszowe, które uruchamiają działania w rozszerzeniu, na przykład działanie otwierające działanie przeglądarki lub wysłanie polecenia do rozszerzenia. Aby używać tego interfejsu API, należy zadeklarować
- Rozszerzenia do Chrome
chrome.browsingData
Aby usunąć dane przeglądania z lokalnego profilu użytkownika, użyj interfejsu API chrome.browsingData. Musisz zadeklarować plik „browsingData”. uprawnienia w pliku manifestu rozszerzenia na korzystanie z tego interfejsu API. Najprostszym przypadkiem
- Rozszerzenia do Chrome
Interfejs File System Access API: upraszcza dostęp do plików lokalnych
Interfejs File System Access API umożliwia programistom tworzenie zaawansowanych aplikacji internetowych, które obsługują pliki na lokalnym urządzeniu użytkownika. Są to na przykład IDE, edytory zdjęć i filmów, edytory tekstu itp. Gdy użytkownik przyzna dostęp aplikacji internetowej, ten interfejs API umożliwia mu odczytywanie lub zapisywanie zmian bezpośrednio w plikach i folderach na urządzeniu użytkownika.
Interfejs API podsumowania jest dostępny we wczesnej wersji przedpremierowej
Uczestnicy programu EPP mogą teraz tworzyć prototypy za pomocą interfejsu API podsumowania Gemini Nano w Chrome.
- Chrome
Przewiń zdarzenia przyciągania
Przedstawiamy 2 nowe zdarzenia JavaScript: ScrollSnapChange i scrollSnapZmienianie.
- Chrome
Eksperymentowanie z pomiarami poręcznej nawigacji
Zespół Chrome pracuje nad lepszym mierzeniem tak zwanych pojemnych nawigacji używanych w aplikacjach jednostronicowych. Teraz dostępny jest nowy interfejs API, który umożliwia witrynom eksperymentowanie.
4 sposoby robienia zrzutów ekranu za pomocą Narzędzi deweloperskich
Odkryj 4 unikalne sposoby robienia zrzutów ekranu za pomocą Narzędzi deweloperskich.
- Narzędzia deweloperskie w Chrome
- Chrome
Nowości w Narzędziach deweloperskich: 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ść.
- Narzędzia deweloperskie w Chrome
- Chrome
WebDriver BiDi gotowy do wykorzystania w środowisku produkcyjnym w przeglądarkach Firefox, Chrome i Puppeteer
Puppeteer 23 wprowadza stabilną obsługę przeglądarki Firefox w wersji 129 i nowszych, oferując ujednolicony interfejs API dla przeglądarek Chrome i Firefox, oparty na technologii WebDriver BiDi.
- Chrome
Blog
Najnowsze wiadomości od zespołu Chrome ds. relacji z deweloperami
- Chrome
Weź udział w eksperymencie AI wbudowanej w Chrome
Informacje na temat wbudowanej AI, interfejsu Prompt API i planów dotyczących AI w Chrome.
- Chrome
Aktualizacje dotyczące UX kluczy dostępu w Chrome na Androida
Chrome na Androidzie integruje teraz Menedżera danych logowania, dzięki czemu aplikacje innych firm mogą udostępniać klucze dostępu na urządzeniach z Androidem 14 i nowszym.
- Chrome
Zdefiniowane przez autora nazwy usług CSS i shadow DOM: w specyfikacji i w praktyce
Wyjaśnienie bieżącego stanu interoperacyjności nazw zdefiniowanych przez autora w użyciu w modelu shadow DOM w CSS.
Więcej niż wyrażenia regularne: ulepszenie analizy wartości CSS w Narzędziach deweloperskich w Chrome
Dowiedz się, jak zespół Narzędzi deweloperskich ulepszył sposób wyświetlania stylów na karcie Style.
- Chrome
Automatyzacja za pomocą WebDriver BiDi już dostępna w BrowserStack
BrowserStack z funkcją WebDriver BiDi (obsługę BiDi) umożliwia lepsze działanie testów siatki Selenium dzięki automatyzacji opartej na zdarzeniach.
- Chrome
Szybsze wczytywanie stron dzięki funkcji wczesnych podpowiedzi z serwera
Dowiedz się, jak serwer może wysyłać do przeglądarki wskazówki dotyczące zasobów podrzędnych.
Interfejs API CrUX
Dowiedz się, jak tworzyć żądania i analizować odpowiedzi z interfejsu CrUX API.
- Raport na temat UX Chrome
Interfejs CrUX History API
Dowiedz się, jak wysyłać za pomocą interfejsu CrUX History API zapytania dotyczące historycznych trendów dotyczących użytkowania Chrome z ostatnich 6 miesięcy.
- Raport na temat UX Chrome
Panel sieci: analizowanie obciążenia i zasobów sieci
Analiza obciążenia i zasobów sieci
- Narzędzia deweloperskie w Chrome
Łączony wiersz <ruby> i CSS ruby-align
Rozdzielany wiersz element ruby i właściwość CSS ruby-align
- Chrome
Sample
Przykładowe rozszerzenia do Chrome są dostępne na GitHubie.
- Rozszerzenia do Chrome
Opublikuj aplikację
DO ZROBIENIA
- Rozszerzenia do Chrome
Plik manifestu – wersja
Od 1 do 4 liczb całkowitych rozdzielonych kropkami identyfikującymi wersję tego rozszerzenia. W przypadku liczb całkowitych obowiązuje kilka reguł: muszą one mieścić się w zakresie od 0 do 65 535 włącznie i liczby całkowite inne niż 0 nie mogą
Plik manifestu – domyślny język
Określa podkatalog _locales zawierający domyślne ciągi znaków dla tego rozszerzenia. To pole jest wymagane w przypadku rozszerzeń, które mają katalog _locales. W rozszerzeniach, które nie mają katalogu _locales, musi ono być nieobecne. Więcej
Plik manifestu – tryb offline włączony
Określa, czy aplikacja lub rozszerzenie ma działać w trybie offline. Gdy Chrome wykryje, że jest offline, aplikacje z tym polem będą wyróżnione na stronie Nowa karta. Od Chrome 35 zakłada się, że aplikacje są włączone w trybie offline, a domyślną
Plik manifestu – minimalna wersja Chrome
Wersja Chrome, której wymaga rozszerzenie, aplikacja lub motyw (jeśli istnieje). Format tego ciągu jest taki sam jak w polu version.
strumienie skrzynek roboczych
RouteHandlerCallbackOptions StreamSource | Promise< StreamSource > Odpowiedź ReadableStream BodyInit Przyjmuje wiele obietnic źródłowych, a każde z nich może odpowiadać jako Response, ReadableStream lub BodyInit. Zwraca obiekt ujawniający
Plik manifestu – opis
Zwykły ciąg tekstowy opisujący rozszerzenie (bez kodu HTML ani innego formatowania, nie dłuższy niż 132 znaki). Opis powinien być odpowiedni zarówno do interfejsu zarządzania rozszerzeniami przeglądarki, jak i do Chrome Web Store. W tym polu możesz
Plik manifestu – klucz
Ta wartość umożliwia kontrolowanie unikalnego identyfikatora rozszerzenia, aplikacji lub motywu podczas ich wczytywania w trakcie tworzenia aplikacji. Aby uzyskać odpowiednią wartość klucza, najpierw zainstaluj rozszerzenie z pliku.crx (może być
Plik manifestu – imię i nazwisko oraz krótka nazwa
Właściwości name i short_name to krótkie ciągi tekstowe identyfikujące aplikację. W obu polach możesz określić ciągi zależne od języka. Szczegółowe informacje znajdziesz w sekcji Internacjonalizacja. name (maksymalnie 45 znaków) to główny
Aktualizacja: strony wydarzeń i strony w tle
Wyłączone funkcje internetowe
Choć Aplikacje Chrome korzystają z platformy internetowej, niektóre funkcje internetowe zostały wyłączone lub są używane w inny sposób. Przede wszystkim pozwala to uniknąć problemów z bezpieczeństwem i poprawić praktyki programistyczne. Poniżej
Chrome 128 w wersji beta
Ten post zawiera szczegółowe informacje na temat funkcji dostępnych w bieżącej wersji beta, by sprawdzić, jak wygląda nowa wersja Chrome.
- Chrome
Nowości w WebGPU (Chrome 127)
Eksperymentalna obsługa OpenGL ES na Androidzie, atrybut informacji GPUAdapter, ulepszenia interoperacyjności WebAssembly i inne funkcje.
- Chrome
- WebGpu
Chrome 127
23 lipca 2024 r. zaczniemy wprowadzać Chrome 127. Obejmuje on m.in. CSS font-size-Adjust, kontenery przewijania możliwe do zaznaczenia za pomocą klawiatury i wiele innych funkcji.
- Chrome
Nowości w Chrome 127
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.
- Chrome
Jak Chrome pomaga użytkownikom instalować ulubione aplikacje
Wewnętrzne badania użytkowników Chrome wskazują, że wielu z nich ceni sobie możliwość instalowania aplikacji internetowych. Korzyści jest wiele, np.: Deweloperzy Chrome i programów internetowych mogą pomóc na wiele sposobów, w tym za pomocą nowej
- Chrome
Prośba o opinię dewelopera o procesie czytania i elementach z funkcją display: content
Pomóż nam zadbać o to, aby proces czytania był zgodny z Twoimi potrzebami.
- Chrome
Informacje o funkcjach sieci
Pełne informacje o funkcjach panelu sieci w Narzędziach deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Ustawienia
Dokumentacja dotycząca karty Preferencje.
- Narzędzia deweloperskie w Chrome
Panel Dyktafonu: rejestrowanie i pomiar natężenia ruchu
Analizuj i rejestruj ruchy użytkowników.
- Narzędzia deweloperskie w Chrome
Błędne przekonania na temat przejść między widokami
Coraz więcej osób zaczyna zapoznawać się z interfejsem View Migrate API, dlatego nadszedł czas na obalenie niektórych błędnych przekonań.
- Chrome
Rozszerzenia do Chrome: ważne aktualizacje zasad
W tym ogłoszeniu zawarliśmy serię aktualizacji strony z zasadami programu dla deweloperów, których celem jest zachęcanie do tworzenia wysokiej jakości usług, zapobieganie działaniom oszukańczym i uzyskiwanie świadomej zgody użytkowników.
- Chrome
- Rozszerzenia do Chrome
Co się dzieje w rozszerzeniach do Chrome?
Przegląd najnowszych zmian w rozszerzeniach do Chrome oraz ciekawe funkcje, których będą mogli oczekiwać deweloperzy.
- Chrome
- Rozszerzenia do Chrome
Nowości w Narzędziach deweloperskich: 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.
- Narzędzia deweloperskie w Chrome
- Chrome
Tryb inspekcji: szybkie analizowanie właściwości elementów
Sprawdzanie elementów w aplikacji internetowej
- Narzędzia deweloperskie w Chrome
Informacje o funkcjach wydajności
Dokumentacja wszystkich sposobów rejestrowania i analizowania wydajności w Narzędziach deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Interfejs Long Animation Frame API jest już dostępny
Interfejs Long Animation Frame API (LoAF) został wprowadzony z Chrome w wersji 123. Zaktualizowaliśmy też nasze narzędzia i wskazówki, by pomóc Ci w pełni wykorzystać możliwości nowego interfejsu.
- Chrome
Dodawanie zaufanych typów do YouTube
YouTube zwiększa bezpieczeństwo platformy za pomocą zaufanych typów, aby zapobiegać atakom typu cross-site scripting. Może to jednak wpłynąć na Twoje rozszerzenie.
- Rozszerzenia do Chrome
- Chrome
Unikaj nadmiernego rozmiaru DOM
Dowiedz się, jak duży DOM może zmniejszyć wydajność strony internetowej i jak możesz zmniejszyć rozmiar DOM podczas wczytywania.
Wstępne renderowanie stron w Chrome na potrzeby błyskawicznego poruszania się po nich
Zespół Chrome pracuje nad przywróceniem pełnego wstępnego renderowania kolejnych stron, na które prawdopodobnie będzie wchodzić użytkownik.
Co za Chrome Web Store: zadawanie zaufania i dbanie o bezpieczeństwo w pytaniach
Skontaktowaliśmy się z zespołem, który zajmuje się weryfikacją w Chrome Web Store.
- Rozszerzenia do Chrome
- Chrome
Maksymalna wydajność IndexedDB z zasobnikami na dane
Zespół Chrome wprowadził szereg ulepszeń związanych z wydajnością podczas implementacji standardu IndexedDB (IDB).
- Chrome
Chrome 127 w wersji beta
Przetestuj najnowsze funkcje Chrome, pobierając wersję beta.
- Chrome
Testowanie origin nowego elementu <uprawnień> HTML
Zespół Chrome testuje nowy element deklaratywnego <uprawnień> HTML, który umożliwia poproszenie użytkownika o dostęp do zaawansowanych funkcji.
- Chrome
Nowości w WebGPU (Chrome 126)
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.
- Chrome
- WebGpu
Buforowanie modeli AI w przeglądarce
Aby w przyszłości przyspieszyć uruchamianie aplikacji opartych na AI, jawnie zapisuj dane modelu w pamięci podręcznej na urządzeniu.
Chrome 126
11 czerwca 2024 r. zaczniemy wprowadzać Chrome 126 w postaci przejścia między widokami dokumentów, ponownej aktywacji interfejsu CloseWatcher API i interfejsu Gamepad API.
- Chrome
Nowości dotyczące CSS i interfejsu internetowego: podsumowanie konferencji Google I/O 2024
Przeczytaj wszystkie ogłoszenia dotyczące usług porównywania cen i interfejsu internetowego z konferencji Google I/O w 2024 r.
- Chrome
Nowości w Chrome 126
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.
- Chrome
Wycofuję zdarzenie unload
Zdarzenie wyładowania będzie stopniowo wycofywane od Chrome 117. Dowiedz się, co to oznacza i jak firmy i witryny mogą się na to przygotować
Monitorowanie protokołów: wyświetlanie i wysyłanie żądań CDP
Monitorowanie żądań i odpowiedzi CDP
- Narzędzia deweloperskie w Chrome
3 nowe funkcje umożliwiające dostosowywanie przepływów pracy związanych z wydajnością w Narzędziach deweloperskich
Poznaj najnowsze funkcje, które pomogą Ci uporządkować panel Skuteczność, i skupić się na informacjach, których najbardziej potrzebujesz
- Chrome
- Narzędzia deweloperskie w Chrome
Chrome UX Report
Dokumentacja techniczna dotycząca wskaźników raportu na temat użytkowania Chrome.
- Raport na temat UX Chrome
Analizowanie skuteczności selektora arkusza CSS podczas zdarzeń ponownego obliczania stylu
Analizuj skuteczność selektora arkusza CSS podczas zdarzeń ponownego obliczania stylu.
- Narzędzia deweloperskie w Chrome
Pomiń sprawdzanie kwalifikujących się zmian w rozszerzeniach
Z przyjemnością przedstawiamy nową funkcję, która pozwoli deweloperom pominąć proces sprawdzania kwalifikujących się zmian w rozszerzeniach na platformie Manifest V3 za pomocą interfejsu Detectative Net Request API.
- Chrome
Nie zawiera tagu z szerokością ani skalą początkową
Więcej informacji o tagu „Nie ma tagu z audytem” w Lighthouse lub skali początkowej.
Warunki sieci: zastąp ciąg klienta użytkownika
Dowiedz się, jak emulować inne przeglądarki za pomocą panelu Warunki sieci.
- Narzędzia deweloperskie w Chrome
Nowości w Narzędziach deweloperskich w Chrome 126
Ulepszony tryb konfiguracji ścieżki, lista ignorowanych na wykresie płomieniowym i 20-krotne ograniczenie procesora w panelu Wydajność.
- Narzędzia deweloperskie w Chrome
- Chrome
Rozszerzenia do Chrome na Google I/O 2024
Za nami kolejna konferencja Google I/O, o której wspominaliśmy już o wszystkich ciekawych aktualizacjach rozszerzeń.
- Chrome
Debugowanie JavaScriptu
Dowiedz się, jak za pomocą Narzędzi deweloperskich w Chrome znaleźć i naprawić błędy JavaScriptu.
- Narzędzia deweloperskie w Chrome
Debugowanie reguł spekulacyjnych za pomocą Narzędzi deweloperskich w Chrome
Poznaj funkcje Narzędzi deweloperskich w Chrome do debugowania reguł spekulacji używanych do wstępnego pobierania i renderowania przyszłych nawigacji na stronie.
- Narzędzia deweloperskie w Chrome
Panel szybkiego źródła
wyświetlać pliki źródłowe i uzyskiwać dostęp do innych narzędzi;
- Narzędzia deweloperskie w Chrome
Chrome 126 w wersji beta
Chrome 126 w wersji beta obejmuje przejścia w różnych dokumentach, a także rozszerzenie do interfejsu Gamepad API i inne funkcje.
- Chrome
Ulepszenia WebAssembly i WebGPU umożliwiające szybsze działanie sztucznej inteligencji, część 1
Część 1/2. Dowiedz się, jak ulepszenia WebAssembly i WebGPU poprawiają wydajność systemów uczących się w internecie.
- Chrome
Panel monitorowania wydajności
Analizuj wydajność działania witryny w czasie rzeczywistym.
- Narzędzia deweloperskie w Chrome
Nowości w platformach JavaScript (maj 2024 r.)
W tym dokumencie znajdziesz krótkie podsumowanie ostatnich wydarzeń w ekosystemie platform JavaScript.
- Chrome
Podsumowanie konferencji I/O 2024 Web AI: nowe modele, narzędzia i interfejsy API dla Twojej nowej aplikacji internetowej
Przeczytaj podsumowanie dotyczące Web AI na konferencji I/O 2024. Poznaj nowe modele, narzędzia i interfejsy API dla Twojej następnej aplikacji internetowej.
- Chrome
- WebGpu
Co nowego w przejściach widoku? (aktualizacja Google I/O z 2024 roku)
Przedstawiamy przejścia w widoku między dokumentami w przypadku MPA, przejścia widoku selektywnego z typami aktywnymi oraz udostępnianie stylów animacji z klasą przejścia widoku danych.
- Chrome
Ulepszenia WebAssembly i WebGPU przyspieszające korzystanie z AI w internecie, część 2
Część 2/2. Dowiedz się, jak ulepszenia w WebAssembly i WebGPU zwiększają wydajność systemów uczących się w internecie.
- Chrome
Ocenianie opinii o produktach za pomocą AI
AI na urządzeniu to najnowsza oferta, która umożliwia udostępnianie użytkownikom zaawansowanych modeli, ochronę danych wrażliwych i skrócenie opóźnień.
Zachęcaj do publikowania przydatnych opinii o produktach za pomocą AI do zastosowań internetowych po stronie klienta
W tym ćwiczeniu z programowania znajdziesz informacje o AI po stronie klienta. Nie jest wymagana wiedza na temat programowania AI, serwery ani klucze interfejsu API.
Wprowadzamy obsługę UIA w systemie Windows
Od Chrome 126 obsługiwana jest platforma Windows UI Automation.
- Chrome
Obsługa SVG dla interfejsu Async Clipboard API
Interfejs Async Clipboard API obsługuje teraz obrazy SVG.
- Chrome
Wskazówki dotyczące narzędzi dla deweloperów: zastępowanie i symulowanie odpowiedzi sieci
Dowiedz się, jak zastępować i symulować odpowiedzi sieci za pomocą Narzędzi deweloperskich.
- Chrome
- Narzędzia deweloperskie w Chrome
Zastąp treści internetowe i nagłówki odpowiedzi HTTP lokalnie
Używaj zastąpień lokalnych, aby imitować zasoby zdalne i zachować zmiany wprowadzone w Narzędziach deweloperskich po wczytaniu stron.
- Narzędzia deweloperskie w Chrome
Kiedy wybrać AI po stronie klienta
AI po stronie klienta to najnowsza oferta, która umożliwia udostępnianie użytkownikom zaawansowanych modeli, a zarazem chronienie poufnych danych i zmniejszenie opóźnień.
Nowości w Chrome 125
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.
- Chrome
10 nowości z konferencji Google I/O 2024: wykorzystanie potencjału AI dla każdego twórcy stron internetowych
Poznaj ciekawe funkcje z prezentacji i sesji dla deweloperów Google I/O.
- Chrome
Chrome 125
14 maja 2024 r. zaczniemy wdrażać Chrome 125 wraz z pozycjonowaniem zakotwiczonym CSS, interfejsem Compute Pressure API, nowymi funkcjami Baseline i nie tylko.
- Chrome
Jak Spotify wykorzystała interfejs Picture-in-Picture API do stworzenia miniodtwarzacza Spotify
Dowiedz się więcej o przekształceniu miniodtwarzacza Spotify w bardziej udoskonalony sposób, jaki zapewnia interfejs Document Picture-in-Picture API.
- Chrome
Lepsze zrozumienie błędów i ostrzeżeń dzięki statystykom w konsoli
Dzięki Gemini możesz lepiej zrozumieć błędy i ostrzeżenia w konsoli.
- Narzędzia deweloperskie w Chrome
Przedstawiamy interfejs API pozycjonowania zakotwiczenia CSS
Możesz umieszczać elementy względem siebie, korzystając z nowego interfejsu API pozycjonowania zakotwiczenia.
- Chrome
Narzędzia Chrome do sprawnego i automatycznego testowania
Krótkie omówienie narzędzi Puppeteer, Chrome Headless i Chrome for Testing oraz inne zasoby stworzone przez zespół ds. narzędzi Chrome.
- Chrome
Wdrażanie testów w firmie przy użyciu Chrome
Dowiedz się, jak sprostać wyzwaniom dzięki testowaniu w środowiskach firmowych.
- Chrome
Nowości w Narzędziach deweloperskich 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.
- Narzędzia deweloperskie w Chrome
- Chrome
Zobacz studia przypadków dotyczące przenoszenia kont
redBus, Policybazaar i Tokopedia korzystają z interfejsu View Migrate API i mają większą wydajność oraz płynny interfejs.
- Chrome
Nowości w WebGPU (Chrome 125)
Podgrupy są w trakcie opracowywania i są renderowane na wycinek tekstury 3D.
- Chrome
- WebGpu
Dlaczego funkcje CSS i interfejsy użytkownika są ważne w przypadku Twojej witryny e-commerce?
Dowiedz się, jak witryny e-commerce mogą czerpać korzyści z wdrażania najnowszych funkcji CSS i interfejsu, m.in. wyświetlania przejść, animacji przewijanych czy interfejsu Popover API.
- Chrome
:has() – studia przypadków
Dowiedz się, jakie korzyści dają Policybazaar i Tokopedia za pomocą :has().
- Chrome
Studia przypadków dotyczące zapytań dotyczących kontenerów
Dowiedz się więcej o zaletach zapytań dotyczących kontenerów pochodzących z usług redBus i Tokopedia.
- Chrome
Animacje przewijane – studia przypadków
Odkryj zalety animacji opartych na przewinięciu w Policybazaar, redBus i Tokopedii.
- Chrome
Przedstawiamy „Wykorzystywanie potencjału animacji opartych na przewinięciu”
10-częściowy kurs wideo zawierający wszystkie informacje na temat animacji przewijanych
- Chrome
Omówienie WebGPU
WebGPU umożliwia wysoką wydajność grafiki 3D i równoległe wykonywanie obliczeń w sieci.
- WebGpu
Alternatywna propozycja zabudowy CSS
Propozycja zdefiniowania elementów betonowych i siatkowych w różnych specyfikacjach.
- Chrome
Plik manifestu – minimalna wersja Chrome
Dokumentacja dotycząca właściwości minimum_chrome_version pliku manifest.json.
- Rozszerzenia do Chrome
Studia przypadków Popover
Tokopedia używa interfejsu Popover API, aby zmniejszyć ilość kodu w swojej aplikacji.
- Chrome
Kończy się okres próbny wycofywania niezabezpieczonych kontekstów (PNA) – zaimplementuj prośbę o przyznanie uprawnień PNA
Aby uzyskać dostęp do urządzeń w sieci prywatnej z witryny, której nie można przekonwertować na protokół HTTPS, musisz korzystać z prośby o przyznanie uprawnień. Pozwoli to złagodzić testy mieszanej treści.
- Chrome
Przewijanie i powiększanie przechwyconej karty
Interfejs API Captured Surface Control umożliwia aplikacjom internetowym przewijanie i powiększanie przechwyconych kart.
WebAudio: wyświetlanie danych interfejsu WebAudio API
Wyświetlanie danych interfejsu WebAudio API w panelu WebAudio
- Narzędzia deweloperskie w Chrome
Plik manifestu – tokeny próbne
Dokumentacja właściwości eksperymentu_tokens w pliku manifest.json.
- Rozszerzenia do Chrome
Chrome 125 w wersji beta
Pozycjonowanie zakotwiczonych elementów CSS, funkcje krokowe CSS, interfejs Compute Pressure API i wiele innych.
- Chrome
Parametr start_url nie zwraca kodu 200 w trybie offline.
Dowiedz się, jak skonfigurować parametr start_url progresywnej aplikacji internetowej, by aplikacja była dostępna offline.
Przejścia między stronami nie blokują się w sieci
Dowiedz się, jak płynnie przechodzić między stronami internetowymi, nawet jeśli sieć jest wolna.
Nie dostarcza poprawnej ikony apple-touch-icon
Dowiedz się, jak określić ikonę wyświetlanej progresywnej aplikacji internetowej na ekranach głównych iOS.
Nie rejestruje skryptu service worker, który steruje stroną i adresem startowym
Dowiedz się, jak zarejestrować skrypt service worker, który obsługuje funkcje progresywnych aplikacji internetowych, takie jak działanie offline, powiadomienia push czy możliwość zainstalowania.
Rozmiar treści nie jest prawidłowo dopasowywany do widocznego obszaru
Dowiedz się, jak dopasować rozmiar treści strony internetowej do ekranów urządzeń mobilnych.
Dostęp do urządzeń MIDI wymaga teraz zgody użytkownika
Chrome rejestruje teraz cały interfejs Web MIDI API za pomocą prośby o uprawnienia.
- Chrome
Co się dzieje w rozszerzeniach do Chrome?
Przegląd najnowszych zmian w rozszerzeniach do Chrome oraz ciekawe funkcje, których będą mogli oczekiwać deweloperzy.
- Chrome
- Rozszerzenia do Chrome
Wczytywanie strony przez sieć komórkową nie jest dostatecznie szybkie
Dowiedz się, co zrobić, aby Twoja strona szybko się ładowała w sieciach komórkowych.
Autouzupełnianie: sprawdzanie i debugowanie zapisanych adresów
W panelu autouzupełniania możesz sprawdzić i debugować adresy zapisane w Chrome.
- Narzędzia deweloperskie w Chrome
Animacje: sprawdzanie i modyfikowanie efektów animacji CSS
Sprawdź i zmodyfikuj animacje w panelu Animacje.
- Narzędzia deweloperskie w Chrome
Plik manifestu nie ma ikony z możliwością maskowania
Dowiedz się, jak dodać do aplikacji PWA obsługę ikon z możliwością maskowania.
Nie zawiera treści zastępczych na wypadek niedostępności JavaScriptu
Dowiedz się, jak umożliwić użytkownikom wyświetlanie przynajmniej części treści na stronie, gdy JavaScript jest niedostępny.
Chrome 124
16 kwietnia 2024 r. zaczniemy wdrażać Chrome 124, w tym setHTMLUnsafe, strumienie w WebSockets i wiele innych.
- Chrome
Nie ustawia motywu kolorystycznego paska adresu
Dowiedz się, jak ustawić kolor motywu paska adresu w progresywnej aplikacji internetowej.
Każda strona ma swój adres URL
Dowiedz się więcej o Lighthouse – każda strona ma audyt adresu URL.
Nie skonfigurowano niestandardowego ekranu powitalnego
Dowiedz się, jak utworzyć niestandardowy ekran powitalny dla progresywnej aplikacji internetowej.
Plik manifestu aplikacji internetowej nie spełnia wymagań instalacyjnych
Dowiedz się, jak zainstalować progresywną aplikację internetową.
Testowanie origin dla składanych interfejsów API
Składane interfejsy API to 2 interfejsy API w Chrome, które pomagają programistom kierować reklamy na składane urządzenia.
- Chrome
Bieżąca strona nie wyświetla błędu 200, gdy jest offline
Dowiedz się, jak umożliwić działanie progresywnej aplikacji internetowej w trybie offline.
Nie używa HTTPS
Dowiedz się, jak chronić swoją witrynę za pomocą protokołu HTTPS.
Nowości w Chrome 124
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.
- Chrome
Nie przekierowuje ruchu HTTP do HTTPS
Dowiedz się, jak zwiększyć bezpieczeństwo swojej witryny przez przekierowanie wszystkich stron na protokół HTTPS.
Ograniczenia
Odwołanie do karty ograniczania.
- Narzędzia deweloperskie w Chrome
Witryna działa w różnych przeglądarkach
Dowiedz się, jak używać Workbox, aby mieć pewność, że Twoja strona internetowa działa w różnych przeglądarkach.
Przejścia widoku między dokumentami w aplikacjach wielostronicowych
Zacznij od przenoszenia widoku między dokumentami do użycia w aplikacji wielostronicowej (MPA).
Płynne przejścia dzięki interfejsowi View Transition API
Interfejs View Transition API umożliwia dodawanie przejść między widokami witryny.
Zabawne i zaawansowane: wprowadzenie do Narzędzi deweloperskich w Chrome
Dowiedz się, jak Narzędzia deweloperskie mogą usprawnić tworzenie aplikacji internetowych.
- Narzędzia deweloperskie w Chrome
- Chrome
Typy nawigacji są teraz dostępne w raporcie na temat użytkowania Chrome
Dowiedz się więcej o nowych danych Navigation_types w Raporcie na temat użytkowania Chrome (CrUX) i ich używaniu do wyjaśniania i optymalizowania danych o wydajności witryn.
- Chrome
Nowości w WebGPU (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.
- Chrome
- WebGpu
CrUX w BigQuery
Dowiedz się, jak jest zorganizowany zbiór danych CRUX w BigQuery.
- Raport na temat UX Chrome
Przewodniki dotyczące raportu na temat użytkowania Chrome
Dowiedz się, jak korzystać z raportu na temat użytkowania Chrome dzięki prostym przewodnikom
- Raport na temat UX Chrome
Jak wyświetlić dane z raportu na temat użytkowania Chrome w PageSpeed Insights
PageSpeed Insights (PSI) to narzędzie dla programistów stron internetowych, które pozwala sprawdzić, jak działa wydajność strony i jak ją poprawić. Z tego przewodnika dowiesz się, jak za pomocą PSI wyodrębniać statystyki z raportu na temat użytkowania Chrome i lepiej zrozumieć wrażenia użytkowników.
- Raport na temat UX Chrome
Przywracanie wersji w panelu dewelopera Chrome Web Store
W tym tygodniu udostępniamy nową funkcję, która pozwala deweloperom przywrócić swoje rozszerzenia do poprzedniej opublikowanej wersji w Chrome Web Store. Naszym celem jest zapewnienie deweloperom większego spokoju podczas publikowania aktualizacji,
- Rozszerzenia do Chrome
- Chrome
Zadbaj o to, aby tekst był widoczny podczas wczytywania czcionek internetowych
Dowiedz się, jak korzystać z interfejsu font-display API, aby mieć pewność, że tekst na stronach internetowych będzie zawsze widoczny dla użytkowników.
Nowości w Narzędziach deweloperskich w Chrome 124
Obsługa animacji przewijanych, nowy panel autouzupełniania, nowe opcje WebRTC do ograniczania przepustowości sieci i nie tylko.
- Chrome
- Narzędzia deweloperskie w Chrome
Koniec z profilowaniem JS, procesorem profilowania z panelem wydajności
Poznaj dalszą ścieżkę profilowania wydajności procesora oraz dowiedz się, dlaczego i jak wycofujemy program profilujący JavaScript.
- Chrome
Interfejs API stanu strony internetowej notRestoredReasons
Raport o tym, czy ramki obecne w dokumencie zostały zablokowane podczas nawigacji z pamięci podręcznej stanu strony internetowej.
Profiluj wydajność Node.js za pomocą panelu Wydajność
Dowiedz się, jak profilować wydajność aplikacji Node.js za pomocą panelu wydajności.
- Narzędzia deweloperskie w Chrome
Integracja JavaScriptu WebAssembly (JSPI) rozpoczyna testowanie origin
JSPI (JavaScript Promise Integration) to interfejs API, który umożliwia synchronicznemu kodowi sekwencyjnem skompilowanemu w WebAssembly dostęp do asynchronicznych internetowych interfejsów API.
- Chrome
Żądania sieciowe: przetestuj swoją witrynę, blokując żądania sieciowe
Sprawdź, jak Twoja witryna postępuje z brakującymi zasobami.
- Narzędzia deweloperskie w Chrome
Wersja próbna origin interfejsu API fetchLater
Dowiedz się więcej o fetchLater API (obecnie w wersji próbnej origin) o nowym interfejsie API służącym do żądania odroczonego pobierania, które zostanie ukończone nawet po zamknięciu strony.
- Chrome
Chrome 124 w wersji beta
Atrybut HTML writesuggestions, interfejs API WebSocketStream, priorytet żądania HTTP i inne.
- Chrome
Przewijane elementy klawiatury, które można zaznaczyć
Wprowadzamy zmianę, aby umożliwić przewijanie bez ustawionej wartości indeksu tabulacji i bez możliwości zaznaczenia na klawiaturze podrzędnej.
- Chrome
Nowości w Chrome 123
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.
- Chrome
Używanie interfejsu API routingu statycznego Service Worker do pomijania skryptu service worker na określonych ścieżkach
Dowiedz się, jak korzystać z tego nowego interfejsu API dostępnego od Chrome 123.
- Chrome
Dostęp do sieci prywatnej: rozszerzona ochrona dla procesów internetowych i pobierania nawigacji
Poznaj najważniejsze mechanizmy zabezpieczeń dostępu do sieci prywatnej, pobieranie nawigacji oraz nadchodzące zabezpieczenia. Dowiesz się z niego też, co powinni zrobić właściciele witryn, którzy korzystają z sieci prywatnych.
- Chrome
Ukryj prośby o rozszerzenia i inne ulepszenia w panelu Sieć
Poznaj najnowsze ulepszenia w panelu Network (Sieć) w Chrome DevTools, które upraszczają debugowanie stron internetowych.
- Chrome
- Narzędzia deweloperskie w Chrome
Narzędzie do mierzenia wydajności w 2024 roku i kolejnych latach
Dowiedz się więcej o planach zespołu Chrome, które zamierzają ulepszyć panel wydajności Narzędzi deweloperskich.
- Narzędzia deweloperskie w Chrome
- Chrome
Omówienie panelu Elementy
Natychmiast wprowadzaj zmiany w DOM.
- Narzędzia deweloperskie w Chrome
Informacje o funkcjach CSS
Poznaj nowe przepływy pracy do wyświetlania i zmieniania kodu CSS w Narzędziach deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Stosuj inne efekty: włącz automatyczny ciemny motyw, emuluj ostrość i korzystaj z innych funkcji
Wyróżniaj ramki reklamowe, emuluj ostrość na stronie, wyłączaj lokalne czcionki i formaty obrazów, włączaj automatyczny ciemny motyw i emuluj wady wzroku.
- Narzędzia deweloperskie w Chrome
Wyświetl i zmień CSS
Dowiedz się, jak wyświetlić i zmienić CSS strony za pomocą Narzędzi deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Co nowego w WebGPU (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.
- Chrome
- WebGpu
Wstrzymywanie kodu z punktami przerwania
Poznaj wszystkie sposoby wstrzymywania kodu w Narzędziach deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Zwiększ efektywność kompresji dzięki udostępnionym słownikom
Kompresja w internecie znacznie wzrasta dzięki współdzielonej kompresji słownika. Dowiedz się, czym są, jak działają i jak mogą znacznie skrócić czas wczytywania nawet bardziej niż w przypadku standardowej kompresji statycznych i dynamicznych zasobów internetowych.
- Chrome
Pobierz starą wersję Chrome bez interfejsu graficznego jako chromową osłonę bez interfejsu graficznego
Możesz teraz pobrać starą wersję Chrome bez interfejsu graficznego jako samodzielny plik binarny na każdą wersję Chrome przeznaczoną dla użytkowników.
- Chrome
Omówienie panelu aplikacji
Możesz uzyskiwać ważne informacje o swojej aplikacji internetowej bezpośrednio w przeglądarce.
- Narzędzia deweloperskie w Chrome
Przegląd nowości
Odkryj najnowsze funkcje Narzędzi deweloperskich w Chrome
- Narzędzia deweloperskie w Chrome
Internacjonalizacja interfejsu
Interfejs API chrome.i18n umożliwia renderowanie interfejsu w wielu językach.
- Rozszerzenia do Chrome
Zwiększanie dostępności rozszerzenia
Dla wielu użytkowników ułatwienia dostępu to dosłowny element interfejsu, a wielu z nich korzysta z jego funkcji.
- Rozszerzenia do Chrome
Ulepszenia interfejsu Speculation Rules API
Szczegóły najnowszych aktualizacji interfejsu Speculation Rules API, w tym reguł dokumentów, ustawień zainteresowania, limitów i obsługi reguł spekulacyjnych na platformach.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 123)
Ukryty żart, emulacja strony w Elementach > Style, nowy audyt Lighthouse i inne ulepszenia.
- Chrome
- Narzędzia deweloperskie w Chrome
Rozszerzenia do Chrome: droga Eyeo do testowania zawieszenia skryptu service worker
W tym poście zespół Eyeo opowiada o problemie testowania mechanizmów Service Worker usługi rozszerzeń. W szczególności dowiesz się, jak sprawdzić, czy rozszerzenia do Chrome działają prawidłowo po zawieszeniu skryptu service worker.
- Rozszerzenia do Chrome
- Chrome
Pakiet Next.js do zarządzania bibliotekami innych firm
Dowiedz się, jak korzystać z biblioteki @next/third-partyies, aby zoptymalizować wczytywanie popularnych zasobów innych firm
- Chrome
Chrome 123 w wersji beta
Funkcja kolorów CSS light-dark(), wyrównywanie zawartości bloków, właściwość „field-sizing” i zdarzenie pagereveal.
- Chrome
Obsługa wyrównywania treści w układach bloków i tabel.
Od Chrome 123 możesz używać wyrównywania treści, aby wyrównywać elementy bez tworzenia elastycznego lub kontenera siatki.
- Chrome
Skróty klawiszowe
Kanoniczna dokumentacja skrótów klawiszowych Narzędzi deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Nowości w Chrome 122
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.
- Chrome
Symulowanie urządzeń mobilnych w trybie urządzenia
Używaj urządzeń wirtualnych w trybie urządzenia w Chrome, aby tworzyć witryny dostosowane do urządzeń mobilnych.
- Narzędzia deweloperskie w Chrome
Zmiany w dziedziczeniu CSS ::backdrop
Od Chrome 122 element „::backdrop” dziedziczy właściwości z elementu źródłowego.
- Chrome
Konfigurowanie ikon rozszerzeń
Rozszerzenie musi zawierać co najmniej 1 ikonę na pasku narzędzi.
- Rozszerzenia do Chrome
Chrome Extensions
Do ustalenia
- Rozszerzenia do Chrome
O 400% szybszy panel Wydajność dzięki wykorzystaniu AI
Panel wydajności w Narzędziach deweloperskich to zaawansowane narzędzie do diagnozowania, debugowania i rozwiązywania problemów z wydajnością aplikacji internetowych. Przy okazji pokażemy, jak za pomocą panelu wydajności w Narzędziach deweloperskich udało nam się zwiększyć wydajność panelu wydajności, oraz jak to zrobić.
- Chrome
Użyj WebUSB
Interfejs WebUSB API, który umożliwia dostęp do internetu przez niestandardowe urządzenia zgodne z protokołem Universal Serial Bus (USB), jest dostępny w rozszerzeniach.
- Rozszerzenia do Chrome
Przeprowadź migrację do platformy Manifest V3
Przewodnik na temat konwertowania rozszerzeń platformy Manifest V2 na rozszerzenia platformy Manifest V3.
- Rozszerzenia do Chrome
Użyj WebHID
Interfejs WebHID API, który umożliwia udostępnianie w internecie urządzeń zgodnych z Human Interface Device (HID), jest dostępny w rozszerzeniach.
- Rozszerzenia do Chrome
Nowości w interfejsie WebGPU (Chrome 122)
Tryb zgodności w fazie opracowywania, zwiększanie limitu maxVertexAttributes i aktualizacje Dawn.
- Chrome
- WebGpu
Plik manifestu – Content Security Policy
Dokumentacja na temat właściwości zasad bezpieczeństwa treści pliku manifest.json.
- Rozszerzenia do Chrome
Rejestruj zrzuty sterty
Dowiedz się, jak nagrywać zrzuty sterty za pomocą programu profilującego sterty i znajdować wycieki pamięci.
- Narzędzia deweloperskie w Chrome
Określanie rozmiarów pól CSS
Jeden wiersz kodu do automatycznego określania rozmiaru elementów z edytowalną treścią.
chrome.runtime
Użyj interfejsu API chrome.runtime, aby pobrać usługę workera, zwrócić szczegóły manifestu i słuchać zdarzeń w cyklu życia rozszerzenia oraz na nie odpowiadać. Za pomocą tego interfejsu API możesz też konwertować względną ścieżkę adresów URL na pełne
- Rozszerzenia do Chrome
Deklarowanie uprawnień
Omówienie prawidłowych wartości właściwości uprawnień w pliku manifest.json.
- Rozszerzenia do Chrome
Wytyczne dotyczące ostrzeżeń o uprawnieniach
Jak działają ostrzeżenia o uprawnieniach w rozszerzeniach do Chrome
- Rozszerzenia do Chrome
Użyj Web Push
Szczegółowy przewodnik korzystania z funkcji Web Push dla rozszerzeń do Chrome
- Rozszerzenia do Chrome
Nowości w Narzędziach deweloperskich (Chrome 122)
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.
- Chrome
- Narzędzia deweloperskie w Chrome
Przedstawiamy nowy sposób tworzenia niestandardowych funkcji do edytowania stron internetowych za pomocą interfejsu EditContext API
EditContext to nowy interfejs API wprowadzany w Chrome i Edge, który ułatwia programistom tworzenie zaawansowanych funkcji edycji tekstu w przeglądarce. Więcej informacji na ten temat znajdziesz w tym poście.
- Chrome
Wskazówki dotyczące narzędzi deweloperskich: debugowanie spekulacyjnych nawigacji w celu szybszego wczytywania stron
Przyspiesz przeglądanie internetu dzięki ładowaniem spekulacyjnym i dowiedz się, jak je debugować.
- Chrome
- Narzędzia deweloperskie w Chrome
Rozszerzyliśmy okres próbny wycofywania SharedSlateBuffer w Chrome na komputery do wersji Chrome 124
Okres próbny wycofania obiektu SharedSlateBuffer bez izolacji od zasobów z innych domen w Chrome na komputery został przedłużony do wersji Chrome 124.
- Chrome
Reagowanie na polecenia
Odpowiadaj na niestandardowe kombinacje klawiszy w rozszerzeniu.
- Rozszerzenia do Chrome
Dostosuj Dyktafon za pomocą rozszerzeń
Dostosuj i zintegruj Dyktafon, instalując rozszerzenia.
- Narzędzia deweloperskie w Chrome
Chrome 122 w wersji beta
Chrome 122 w wersji beta oferuje pomocniczą funkcję iteratora, metody ustawiania, interfejs Storage buckets API, odczytywanie nieoczyszczonego kodu HTML w interfejsie Async Clipboard API i wiele innych funkcji.
- Chrome
Co się dzieje w rozszerzeniach do Chrome?
Przegląd najnowszych zmian w rozszerzeniach do Chrome oraz ciekawe funkcje, których będą mogli oczekiwać deweloperzy.
- Rozszerzenia do Chrome
- Chrome
Nowości w Chrome 121
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.
- Chrome
Aktywowanie działań w omniboksie
Wywoływanie działań w omniboksie.
- Rozszerzenia do Chrome
Co nowego w WebGPU (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.
- Chrome
- WebGpu
Przetestuj Bluetooth Web Bluetooth za pomocą Puppeteer
Puppeteer pozwala przetestować funkcje korzystające z interfejsu Web Bluetooth API w Chrome.
- Chrome
Styl paska przewijania
Do określania stylu pasków przewijania używaj właściwości „scrollbar-width” i „scrollbar-color”.
Bezpieczny dostęp do DOM za pomocą Angular SSR
Dowiedz się, jak bezpiecznie używać DOM razem z SSR w Angular
- Chrome
Usprawnij testowanie modeli Web AI: WebGPU, WebGL i Chrome bez interfejsu graficznego
Poznaj nasze rozwiązania, które pomagają konsekwentnie automatyzować testowanie przeglądarek i zwiększać wydajność aplikacji.
- Chrome
- WebGpu
Korzystanie z Firebase Cloud Messaging (FCM) z chrome.gcm
Szczegółowy przewodnik po korzystaniu z Komunikacji Firebase na stronie chrome.gcm
- Rozszerzenia do Chrome
Testowanie internetowego modelu AI w Google Colab
Dowiedz się, jak testować modele AI działające po stronie klienta, a jednocześnie pozostać skalowalne, automatyzujące się i w ramach ujednoliconej konfiguracji sprzętu.
- WebGpu
Wdrażanie działania
Odpowiedź na kliknięcie paska narzędzi przez użytkownika.
- Rozszerzenia do Chrome
Tryb pionowego pisania CSS w elementach sterujących formularza
Chrome dodaje kolejną międzynarodową funkcję CSS.
- Chrome
Trwałe uprawnienia do interfejsu File System Access API
Z tego posta dowiesz się, jak zarządzać stałymi uprawnieniami do interfejsu File System Access API. Stanowi także krótkie podsumowanie bieżącego stanu problemu i wyzwań, które rozwiązujemy.
- Chrome
Wskazówki dotyczące Narzędzi deweloperskich: tworzenie kolorów
Dowiedz się, jak utworzyć kolory – wystarczy kilka kliknięć.
- Narzędzia deweloperskie w Chrome
- Chrome
Sprawdzanie i debugowanie kolorów HD i innych niż HD za pomocą selektora kolorów
Dowiedz się, jak korzystać z selektora kolorów w sekcji Elementy > Style, aby sprawdzać i debugować kolory w HD i innych niż HD.
- Narzędzia deweloperskie w Chrome
Wskazówki dla deweloperów: debugowanie priorytetu pobierania
Dowiedz się, jak debugować priorytet pobierania.
- Narzędzia deweloperskie w Chrome
- Chrome
CSS text-wrap: balance
Klasyczna technika typografii polegająca na ręcznym tworzeniu znaków końca wiersza w celu zrównoważenia bloków tekstu została wprowadzona do CSS.
Rozszerzenia zakresu aplikacji internetowych
Począwszy od wersji Chrome 122 możesz zasubskrybować wersję próbną origin pliku manifestu aplikacji scope_extensions, która umożliwia prezentowanie witryn kontrolujących wiele subdomen i domen najwyższego poziomu w postaci jednej aplikacji internetowej.
Wykorzystaj możliwości WebDriver BiDi: automatyzację w Chrome i Firefoksie za pomocą Puppeteer
Puppeteer rozmawia teraz z Firefoksem! 🎉 Ale zaraz, co nie? 🤔 Dowiedzmy się więcej o WebDriver BiDi, nowym protokole w Pppeteer, i przekonajmy się, jakie zastosowanie ma ta ekscytująca funkcja w procesie automatyzacji w Firefoksie.
- Chrome
Tworzenie menu kontekstowego
Zaimplementuj wyskakujące okienko, które umożliwia użytkownikom wywoływanie funkcji rozszerzeń.
- Rozszerzenia do Chrome
Postępowanie w przypadku naruszeń kodu hostowanych zdalnie
Skrypt service worker pozwala na uruchamianie rozszerzeń tylko wtedy, gdy jest to potrzebne, co pozwala oszczędzić zasoby.
- Rozszerzenia do Chrome
Dodaj wyskakujące okienko
Zaimplementuj wyskakujące okienko, które umożliwia użytkownikom wywoływanie funkcji rozszerzeń.
- Rozszerzenia do Chrome
Google Chrome na Androida
Pełną listę funkcji dla programistów Chrome na Androida znajdziesz na stronie chromestatus.com. Pobierz Chrome ze Sklepu Play. Gdy użytkownik loguje się w Chrome na jednym urządzeniu, karty i historia przeglądania z tej sesji są dla niego dostępne,
Intencje Androida w Chrome
Uruchamiaj aplikacje bezpośrednio ze strony internetowej z intencją Androida.
Jak nowoczesne platformy radzą sobie z nowym wskaźnikiem INP
W tym poście omawiamy znaczenie nowych danych INP w przypadku witryn opartych na danej platformie oraz opracowaną przez Aurorę pomoc w optymalizowaniu tych danych.
Chrome domyślnie włącza tryb pulpitu na tabletach premium
Przeglądarka Chrome dostosowała się do ekosystemu tabletów z Androidem i domyślnie włączyła tryb pulpitu na tabletach premium.
- Chrome
Wyjątkowa akordeon
Utwórz wyłączny akordeon z wieloma elementami „o tej samej nazwie”.
Co nowego w WebGPU (Chrome 120)
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.
- Chrome
- WebGpu
Lepsze udostępnianie kart dzięki funkcji Region Capture
Platforma internetowa oferuje obecnie funkcję Region Capture, wydajną i niezawodną funkcję przycinania ścieżek wideo.
Co nowego w WebGPU
Bądź na bieżąco z najnowszymi zmianami na WebGPU.
- WebGpu
Nowości w Narzędziach deweloperskich (Chrome 121)
Obsługa @font-palette-values w sekcji Elementy, ulepszona obsługa map źródłowych, ulepszona Wydajność > ścieżka interakcji i wiele innych.
- Chrome
- Narzędzia deweloperskie w Chrome
CSS: 2023 r.
Rok 2023 był świetny dla CSS. Zobacz, co trafiło w tym roku do Chrome i na platformie internetowej.
- Chrome
Wskazówki dla deweloperów: debugowanie pamięci podręcznej stanu strony internetowej
Dowiedz się, jak debugować pamięć podręczną (bfcache) i przyspieszyć wczytywanie strony.
- Narzędzia deweloperskie w Chrome
- Chrome
Jak Narzędzia deweloperskie w Chrome pomagają chronić się przed atakami typu „SaxSS”
Dowiedz się, jak Narzędzia deweloperskie w Chrome łagodzą ataki samoistne XSS, blokując wklejanie kodu przez niedoświadczonych użytkowników tych narzędzi.
- Narzędzia deweloperskie w Chrome
- Chrome
Wskazówki dotyczące narzędzi deweloperskich: co to jest DOM? HTML a DOM
Dowiedz się, jak debugować DOM za pomocą Narzędzi deweloperskich.
- Narzędzia deweloperskie w Chrome
- Chrome
Dostęp do serwerów lokalnych i instancji Chrome za pomocą przekierowania portów
Umieść witrynę na serwerze WWW na komputerze, a potem uzyskaj dostęp do jej zawartości na urządzeniu z Androidem.
- Narzędzia deweloperskie w Chrome
Ponowne omówienie kryteriów instalacyjnych Chrome
W najbliższych miesiącach będziemy przeprowadzać w Chrome eksperymenty, aby uprościć kryteria instalowania aplikacji oraz poprawić wrażenia deweloperów i użytkowników. W tym poście przedstawiamy zmiany, których możesz się spodziewać, oraz powody, dla których przeprowadzamy te eksperymenty.
- Chrome
Test origin prompta dotyczącego uprawnień dostępu do sieci prywatnej: ścieżka do migracji witryn przy użyciu protokołu HTTPS
Zgodnie ze specyfikacją sieci prywatnej (PNA) Google Chrome wycofuje dostęp do niezabezpieczonych witryn publicznych z punktów końcowych sieci prywatnej.
- Chrome
Wyświetl szczegóły ramki
Wyświetl szczegóły ramki.
- Narzędzia deweloperskie w Chrome
Wyświetlanie, dodawanie, edytowanie i usuwanie plików cookie
Dowiedz się, jak wyświetlać, dodawać, edytować i usuwać pliki cookie HTTP strony za pomocą Narzędzi deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Nowości w Chrome 120
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.
- Chrome
Przedstawiamy 4 nowe funkcje międzynarodowe w CSS
Dodajemy do Chrome 4 nowe międzynarodowe funkcje CSS.
- Chrome
Interfejs Page Lifecycle API
Interfejs Page Lifecycle API udostępnia w internecie funkcje cyklu życia aplikacji, które są często spotykane w mobilnych systemach operacyjnych. Przeglądarki mogą teraz bezpiecznie blokować i odrzucać strony w tle, aby oszczędzać zasoby, a deweloperzy mogą bezpiecznie wykonywać te interwencje bez wpływu na wygodę użytkowników.
Nieoczyszczony kod HTML w interfejsie Async Clipboard API
Od Chrome 120 w interfejsie Async Clipboard API dostępna jest nowa, nieprzetworzona opcja. Z tego przewodnika dowiesz się, jak z nich korzystać.
Lista ignorowanych
Odwołanie do karty z listą ignorowanych
- Narzędzia deweloperskie w Chrome
Automatyczny obraz w obrazie w przypadku aplikacji internetowych do wideokonferencji
Chrome zezwala aplikacjom internetowym do rozmów wideo na automatyczne włączanie obrazu w obrazie.
- Chrome
Wznawiam przejście na platformę Manifest V3
W grudniu zeszłego roku wstrzymaliśmy planowane wycofanie pliku manifestu 2., aby uwzględnić opinie programistów i zaproponować lepsze rozwiązania dotyczące problemów z migracją. W odpowiedzi na te opinie wprowadziliśmy w pliku manifestu V3 kilka
- Chrome
- Rozszerzenia do Chrome
Ulepszamy filtrowanie treści w platformie Manifest V3
W ciągu ostatniego roku prowadziliśmy aktywne rozmowy z dostawcami różnych rozszerzeń blokujących treści na temat sposobów ulepszania platformy rozszerzeń MV3. Na podstawie tych rozmów, z których wiele miało miejsce w grupie WECG (WebExtensions
- Rozszerzenia do Chrome
- Chrome
Co nowego w dyrektywie Angular NgOptimizedImage
Poznaj nowe funkcje zawarte w dyrektywie Angular NgOptimizedImage, które jeszcze bardziej poprawiają wydajność obrazów w aplikacjach Angular.
- Chrome
Wersja próbna interfejsu Static Routing API Service Worker
Dowiedz się więcej o pierwszej fazie routingu statycznego Service Worker (obecnie w wersji próbnej Origin) – nowego interfejsu API służącego do deklaratywnego określania, jak powinny być obsługiwane trasy (lub nie) przez mechanizm Service Worker.
- Chrome
Przechwytywanie ekosystemu WebGPU
Dowiedz się, jak ekosystem WebGPU wykracza poza obszary JavaScript, C++ i Rust.
- Chrome
- WebGpu
Nowości w Narzędziach deweloperskich (Chrome 120)
Problemy z wycofywaniem plików cookie innych firm zgłaszane w panelu Problemy, narzędziu do analizy Piaskownicy prywatności w przypadku plików cookie, obowiązująca polityka bezpieczeństwa treści w panelu Aplikacje, ulepszone debugowanie animacji, ulepszona lista ignorowanych i inne funkcje.
- Narzędzia deweloperskie w Chrome
- Chrome
Aktualizacja składni w ramach luźnej zagnieżdżania CSS
Zagnieżdżanie w widoku z wyprzedzeniem włączone w Chrome 120.
- Chrome
zmiana domyślnego trybu trwałości w IndexedDB;
Od wersji 121 Chrome tryb trwałości w IndexedDB zmieni się ze ścisłego na łagodny.
- Chrome
Nowości w Chrome 120 dotyczące rozszerzeń
Podsumowanie ważnych zmian w Chrome 120 dla deweloperów rozszerzeń do Chrome.
- Chrome
- Rozszerzenia do Chrome
Obsługa plików w Chrome OS
Jak otwierać pliki w skryptach service worker, wyskakujących okienkach, panelach bocznych i skryptach treści rozszerzenia do Chrome.
- Rozszerzenia do Chrome
Chrome 120 w wersji beta
Maskowanie CSS, proste reguły zagnieżdżania arkuszy CSS, tworzenie wzorców akordeonów z elementem, akcja Enterperformanceinzdjęcia z interfejsu Media Session API.
- Chrome
file_handlers
Dokumentacja na temat właściwości file_handlers pliku manifest.json.
- Rozszerzenia do Chrome
Nowości w Chrome 119
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.
- Chrome
Czyszczenie pamięci WebAssembly (WasmGC) jest teraz domyślnie włączone w Chrome
Istnieją 2 typy języków programowania: ze śmieciami oraz języki programowania, które wymagają ręcznego zarządzania pamięcią. Dzięki funkcji wywozu śmieci w WebAssembly można przenosić języki obsługiwane przez wywóz śmieci do WebAssembly.
- Chrome
CSS prefers-reduced-transparency
Zoptymalizuj i dostosuj interfejs pod kątem użytkowników, którzy wolą nieprzezroczysty interfejs.
- Chrome
Co nowego w WebGPU (Chrome 119)
Filtrowalne 32-bitowe tekstury pływające, format wierzchołka unorm10-10-10-2, format tekstu RGB10a2uint i inne.
- Chrome
- WebGpu
CSS text-wrap: ładne
Włącz zoptymalizowane zawijanie tekstu, aby zwiększyć atrakcyjność niż szybkość.
- Chrome
Wybierz element: teraz z liniami poziomymi
Dowiedz się, jak funkcje rozszerzonego wyboru umożliwiają wizualne podziały poziome w celu lepszego grupowania.
- Chrome
Co się dzieje w rozszerzeniach do Chrome?
Przegląd najnowszych zmian w rozszerzeniach do Chrome oraz ciekawe funkcje, których będą mogli oczekiwać deweloperzy.
- Rozszerzenia do Chrome
- Chrome
Migracja narzędzia do śledzenia błędów Chromium
W styczniu 2024 roku przełączymy śledzenie problemów w Chromium do narzędzia opartego na Google Issue Tracker.
- Chrome
Wycofanie interfejsu Sanitizer API
Obecna implementacja interfejsu Sanitizer API została wycofana z Chrome 119, aby uwzględnić przyszłe aktualizacje specyfikacji.
- Chrome
Port szeregowy przez Bluetooth w przeglądarce
Interfejs Web Serial API dodał obsługę usług RFCOMM Bluetooth.
- Chrome
Testowanie rozszerzeń do Chrome za pomocą Puppeteer
Jak napisać automatyczny test rozszerzeń Chrome za pomocą Puppeteer
- Rozszerzenia do Chrome
Kompleksowe testowanie rozszerzeń do Chrome
Jak pisać kompleksowe testy rozszerzeń.
- Rozszerzenia do Chrome
Testowanie jednostkowe rozszerzeń do Chrome
Pisanie testów jednostkowych rozszerzeń.
- Rozszerzenia do Chrome
Znajdowanie i obserwowanie błędów
Sprawdź, czy nie zgłoszono już błędu lub prośby o dodanie funkcji.
- Rozszerzenia do Chrome
Składnia kolorów względnej CSS
Utwórz nowe kolory na podstawie kanałów i wartości innego koloru.
- Chrome
Zgłoś błąd rozszerzenia
Jak zgłaszać błędy rozszerzeń lub problemy związane z dokumentacją.
- Rozszerzenia do Chrome
Nowości w Narzędziach dla deweloperów (Chrome 119)
Ulepszyliśmy sekcję @property w stylach, zaktualizowana lista urządzeń, ulepszone formatowanie stylistyczne w Źródłach i autouzupełnianie w konsoli.
- Narzędzia deweloperskie w Chrome
- Chrome
Nowości w Chrome 118
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.
- Chrome
Ulepszenia interfejsu API umożliwiające pracę z plikami w przeglądarce
Obsługa wielu czytników i pisarzy w przypadku FileSystemSyncAccessHandle oraz obsługa tylko jednego zapisującego w przypadku FileSystemWritableFileStream. Prywatny system plików źródła (czasami nazywany systemem plików zasobnika) umożliwia
- Chrome
Nowy okres próbny origin dla wyskakujących okienek na pełnym ekranie
Dostępna jest teraz nowa wersja próbna origin umożliwiająca otwieranie wyskakujących okienek w trybie pełnoekranowym w prosty sposób.
- Chrome
Chrome 119 w wersji beta
W Chrome 119 w wersji beta wprowadziliśmy względną składnię kolorów CSS, nowe pseudoklasy i wiele więcej.
- Chrome
Ogranicz zasięg selektorów za pomocą reguły @scope w CSS
Dowiedz się, jak używać @scope do wybierania elementów tylko w ograniczonym poddrzewie DOM.
Chrome obsługuje teraz klucze dostępu w pęku kluczy iCloud w systemie macOS
Chrome na macOS zacznie obsługiwać klucze dostępu w pęku kluczy iCloud. Dzięki temu użytkownicy mogą tworzyć klucze dostępu w pęku kluczy iCloud i synchronizować je na urządzeniach Apple.
- Chrome
Co nowego w WebGPU (Chrome 118)
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.
- Chrome
- WebGpu
Wskazówki dla deweloperów: debugowanie rozszerzeń do Chrome
Dowiedz się, jak debugować rozszerzenia do Chrome za pomocą Narzędzi deweloperskich.
- Chrome
- Narzędzia deweloperskie w Chrome
- Rozszerzenia do Chrome
Płynna nawigacja dzięki przejściom między widokami
Szczegółowy przewodnik po tym, jak i dlaczego CyberAgent, RedBus, Nykaa i PolicyBazaar wdrożyły przejścia między widokami.
- Chrome
Jesteśmy Chrome dla programistów
Świętujemy 15 urodziny Chrome i jako zaufany i pomocny partner deweloperów.
- Chrome
Z WebGL do WebGPU
Poznaj wskazówki dla programistów WebGL, którzy przechodzą na WebGPU.
- Chrome
Nowości w Narzędziach dla deweloperów (Chrome 118)
Nowa sekcja właściwości niestandardowych w obszarze Elementy > Style, więcej ulepszeń lokalnych zastąpień, ulepszone wyszukiwanie, uproszczony obszar roboczy w Źródłach i inne.
- Narzędzia deweloperskie w Chrome
- Chrome
Chrome 118 w wersji beta
Zakres stylów CSS, dodatkowe funkcje multimedialne, kontenery przewijania z możliwością zaznaczenia klawiatury i nie tylko.
- Chrome
Nowości w Chrome 117
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.
- Chrome
Przejście z Aplikacji Chrome
Jak przenieść aplikację w pakiecie lub hostowaną w Chrome.
Co nowego w WebGPU (Chrome 117)
Anuluj ustawienie bufora wierzchołków i grupy powiązań, sprawdź, czy utracone urządzenia działają i nie tylko.
- Chrome
- WebGpu
Google Summer of Code i rozszerzenia do Chrome
Doświadczenie i porady dotyczące uczestnictwa w Google Summer of Code.
- Rozszerzenia do Chrome
- Chrome
Opublikuj rozszerzenie
Wskazówki dotyczące publikowania nowego rozszerzenia Manifest V3
- Rozszerzenia do Chrome
Wskazówki dotyczące narzędzi dla deweloperów: fragmenty i wyrażenia na bieżąco
Korzystając z fragmentów kodu, możesz uruchamiać często używany kod i analizować wyrażenia na bieżąco, aby obserwować wartości w czasie rzeczywistym.
- Narzędzia deweloperskie w Chrome
- Chrome
Szybsze publikowanie wersji Chrome (druga runda)
Od wersji 119 Chrome skrócimy czas między wydaniem wersji na daną gałąź a jej wydaniem stabilnym.
- Chrome
Przejścia widoku Astro
Podkreśl, jak społeczność Astro przyjęła zmiany w widoku, gdy Chrome tworzył interfejs API, i podążał za śladami swojej pierwszej klasy na wyspach Astro – na trwałych wyspach.
- Chrome
Przedstawiamy test źródła Scheduler.yield
Parametr „scheduler.yield” to proponowany nowy dodatek do interfejsu API algorytmu szeregowania, który jest obecnie w fazie testów origin. Jest to nowatorskie podejście do podziału zadań w celu zapewnienia lepszej reakcji użytkowników. Poznaj korzyści płynące z zaproponowanego przez nas dodatku API do planowania i zarejestruj się, aby wziąć udział w testowaniu origin, aby pomóc nam zebrać statystyki i opinie.
- Chrome
Twórz wydajne polecenia protokołu Chrome Devtools (CDP) dzięki nowemu edytorowi poleceń
Aby ułatwić wpisywanie poleceń protokołu Chrome Devtools Protocol (CDP), wprowadziliśmy nowy, przyjazny dla użytkownika edytor, dzięki czemu nie musisz używać formatu JSON.
- Chrome
Nowości w Lighthouse 11
Lighthouse 11 jest już dostępne z nowymi zmianami w ułatwieniach dostępu i aktualizacjami kontroli
- Chrome
Nowości w Narzędziach dla deweloperów (Chrome 117)
Możesz zastępować żądania XHR/pobierania i ukrywać żądania rozszerzeń w panelu Sieć, wyświetlać zmiany priorytetu pobierania w panelu Wydajność, korzystać z wielu ulepszeń interfejsu, wypróbować nowe kolory i funkcje eksperymentalne i nie tylko.
- Chrome
- Narzędzia deweloperskie w Chrome
Chrome 117 w wersji beta
Obsługa pomocniczej siatki CSS oraz animacji wejścia i wyjścia dla CSS, grupowania tablic, pomocników iteratora i nie tylko.
- Chrome
Kontrola zabezpieczeń na stronie chrome://extensions
Od wersji Chrome 117 Chrome będzie aktywnie wyróżniać aplikacje, gdy zainstalowane przez nich rozszerzenie nie jest już dostępne w Chrome Web Store.
- Chrome
- Rozszerzenia do Chrome
4 nowe funkcje CSS umożliwiające płynne wejście i wyjście
Poznaj nowe funkcje, które umożliwiają płynne przechodzenie między dyskretnymi animacjami i między górną warstwą
- Chrome
Nowości w Chrome 116
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.
- Chrome
Plik manifestu – skrypty zawartości
Dokumentacja na temat właściwości "content_scripts" pliku manifest.json.
- Rozszerzenia do Chrome
Bezpieczne interakcje z wyskakującymi okienkami za pomocą właściwości ograniczających
Korzystaj z izolacji zasobów z innych domen i ochrony przed wyciekami z innych witryn podczas interakcji z wyskakującymi okienkami.
- Chrome
Co nowego w WebGPU (Chrome 116)
Integracja WebCodecs, ulepszenia odtwarzania filmów i inne funkcje.
- Chrome
- WebGpu
Jednorazowe uprawnienia w Chrome
„Zezwól tym razem” to jednorazowa opcja przyznania uprawnień w Chrome. Początkowo będzie on dostępny na komputerach tylko do korzystania z geolokalizacji, aparatu i mikrofonu.
- Chrome
Wskazówki dotyczące narzędzi deweloperskich: punkty przerwania i punkty logowania
Używaj punktów przerwania i punktów logowania, aby łatwo debugować.
- Chrome
- Narzędzia deweloperskie w Chrome
PostMessage dla TWA
Zaufane aktywności internetowe (TWA) w Chrome 115 mogą wysyłać wiadomości za pomocą postMessage. Ten dokument przedstawia konfigurację niezbędnej do komunikacji między aplikacją a internetem.
Nowości w Chrome 116 dotyczące rozszerzeń
Podsumowanie ważnych zmian w Chrome 116 dla deweloperów rozszerzeń do Chrome.
- Chrome
- Rozszerzenia do Chrome
Chrome 116 w wersji beta
Ścieżka animacji CSS, interfejs API NotRestoredReason z pamięci podręcznej stanu strony internetowej, Document Picture-in-Picture i inne funkcje.
- Chrome
Debugowanie stron internetowych w Chrome na urządzeniach z iOS w wersji 16.4 lub nowszej
Dowiedz się, jak używać debugowania inspektora sieci Safari w Chrome na iOS.
- Chrome
Nowości w Chrome 115
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.
- Chrome
Co się dzieje w rozszerzeniach do Chrome?
Omówienie tegorocznych zmian w rozszerzeniach do Chrome oraz ciekawe funkcje, z których mogą się spodziewać deweloperzy.
- Chrome
- Rozszerzenia do Chrome
Studium przypadku dotyczące wydajności animacji przewijanych
Nowy interfejs API jest znacznie płynniejszy niż klasyczny sposób implementacji animacji przewijanych.
- Chrome
Wskazówki dotyczące narzędzi deweloperskich: nagrywaj i odtwarzaj przepływy użytkowników za pomocą Dyktafonu
Dowiedz się, jak nagrywać, odtwarzać i debugować przepływy użytkowników za pomocą panelu Dyktafon w Narzędziach deweloperskich.
- Chrome
- Narzędzia deweloperskie w Chrome
Używanie WebSockets w skryptach service worker
Szczegółowe instrukcje łączenia się z siecią WebSocket w rozszerzeniu do Chrome.
- Rozszerzenia do Chrome
WebRTC: przewodnik po migracji starszej wersji getStats()
Dowiedz się, jak używać debugowania inspektora sieci Safari w Chrome na iOS.
- Chrome
Wskazówki dotyczące narzędzi deweloperskich: pamięć lokalna i pamięć sesji
Użyj funkcji Aplikacja > Pamięć lokalna i Pamięć sesji do debugowania par klucz-wartość.
- Chrome
- Narzędzia deweloperskie w Chrome
Nowości w Narzędziach dla deweloperów (Chrome 116)
W Narzędziach deweloperskich wprowadzono kilka ulepszeń, które pomogą Ci szybciej wykrywać i rozwiązywać problemy z brakiem sformatowanych arkuszy stylów: W panelu Sieć kolumna Initiator jest stale wypełniana linkami do wiersza, który odwołuje się do
- Chrome
- Narzędzia deweloperskie w Chrome
Co nowego w WebGPU (Chrome 115)
Obsługiwane rozszerzenia języka WGSL, eksperymentalna obsługa Direct3D 11 i inne.
- Chrome
- WebGpu
Użyj geolokalizacji
Jak używać geolokalizacji w skryptach service worker, wyskakujących okienkach, panelach bocznych i skryptach treści rozszerzenia do Chrome.
- Rozszerzenia do Chrome
Chrome for Testing: niezawodne pobieranie i automatyzacja przeglądarki
Chrome do testowania to nowy rodzaj Chrome przeznaczony do testowania aplikacji internetowych i automatyzacji.
- Chrome
- Chrome for Testing
Debugowanie WebAssembly w C/C++
Dowiedz się, jak za pomocą Narzędzi deweloperskich w Chrome wyszukiwać i naprawiać błędy w komponencie C/C++ WebAssembly.
- Narzędzia deweloperskie w Chrome
Jak rozwiązano problem z plikami większymi niż można zmieścić w pamięci w Photoshopie
Dowiedz się, jak Adobe umożliwiło użytkownikom edytowanie nawet największych plików w wersji internetowej kultowej aplikacji Photoshop. (Ten artykuł jest też dostępny w formie filmu). W 2021 r. firma Adobe we współpracy z zespołem inżynierów Chrome
- Chrome
Jak aplikacja Boxy SVG do edycji obrazów wektorowych korzysta z interfejsu Local Font Access API, aby umożliwić użytkownikom wybór ulubionych czcionek lokalnych
Interfejs API Local Font Access zapewnia mechanizm dostępu do danych czcionek zainstalowanych lokalnie przez użytkownika, w tym szczegółów na wyższym poziomie, takich jak nazwy, style i rodziny, a także surowych bajtów z podstawowych plików czcionek.
- Chrome
Co nowego w WebGPU (Chrome 114)
Optymalizacja JavaScript i nie tylko.
- Chrome
- WebGpu
Zdarzenia mutacji będą usuwane z Chrome
Ogłoszenie o wycofaniu i planowanym usunięciu zdarzeń mutacji oraz o tym, jak możesz przenieść kod przed jego usunięciem w lipcu 2024 roku.
- Chrome
Chrome 115 w wersji beta
Wiele słów kluczowych dla usługi displayowej CSS, WGSLLanguageFeatures for WebGPU, uaktualnień do HTTPS i nie tylko.
- Chrome
Migracja z adresów URL danych w elemencie SVG
Obsługa danych: adresy URL w elemencie SVG zostaną usunięte. Zalecamy przejście na alternatywy.
- Chrome
Jak edytor gier Construct 3 korzysta z interfejsu File System Access API, aby umożliwić użytkownikom zapisywanie gier
Interfejs File System Access API umożliwia odczyt, zapis i zarządzanie plikami. Dowiedz się, jak Construct 3 korzysta z tego interfejsu API. (Ten artykuł jest też dostępny w formie filmu). Construct 3 to edytor gier stworzony przez braci Thomasa
- Chrome
Zapewnij użytkownikom niesamowite wrażenia dzięki nowemu interfejsowi API w panelu bocznym
Przedstawiamy nowy interfejs Side Panel API dla rozszerzeń do Chrome.
- Chrome
Nowości w Narzędziach dla deweloperów (Chrome 115)
Panel Elementy ma teraz nową plakietkę subgrid dla subgrid. Ta funkcja jest obecnie eksperymentalna w Chrome Canary. Aby sprawdzić i przetestować zagnieżdżoną siatkę, która jest siatką podrzędną, a zatem dziedziczy liczbę i rozmiar ścieżek od siatki
- Chrome
- Narzędzia deweloperskie w Chrome
Chrome nie pozwala na modyfikowanie parametru document.domain
Jeśli Twoja witryna wymaga ustawienia document.domain, musisz podjąć odpowiednie kroki.
- Chrome
Rozpoczynamy drugą próbę origin Compute Pressure
Nowa wersja próbna origin Chrome, która pozwala deweloperom stron internetowych monitorować wykorzystanie mocy obliczeniowej.
- Chrome
Nowości w Chrome 114
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.
- Chrome
Wskazówki dotyczące narzędzi deweloperskich: obszar roboczy
Użyj Workspace, aby zapisać zmiany wprowadzone w Narzędziach deweloperskich w lokalnych plikach źródłowych.
- Chrome
- Narzędzia deweloperskie w Chrome
Tworzenie złożonych krzywych animacji w CSS za pomocą funkcji wygładzania linear()
Przedstawiamy linear() – funkcję wygładzania w CSS, która interpoluje liniowo między punktami, co pozwala odtworzyć efekty odbić i sprężyn.
Plik manifestu – tło
Dokumentacja dotycząca właściwości tła pliku manifest.json.
- Rozszerzenia do Chrome
Przedstawiamy interfejs API popover
Dowiedz się, jak tworzyć etykietki, menu i inne elementy za pomocą nowego interfejsu API typu popover.
- Chrome
Jak LEGO® Education wykorzystuje interfejsy Web Bluetooth i Web Serial API
LEGO Education wykorzystuje możliwości internetu, by maksymalnie uprościć łączenie modeli LEGO z komputerem.
- Chrome
Co nowego u Aurory?
Dowiedz się, co zespół Chrome Aurora robił ostatnio i jakie ma plany na 2023 rok.
- Chrome
Jak Blockbench używa interfejsu EyeDropper API w edytorze modeli 3D, aby umożliwić użytkownikom wybieranie kolorów z dowolnego miejsca
Interfejs EyeDropper API udostępnia mechanizm do tworzenia narzędzia zakraplacza, które pozwala użytkownikom pobierać próbki kolorów z ekranów, w tym poza oknem przeglądarki. Dowiedz się, jak edytor modeli 3D Blockbench używa tego interfejsu API
- Chrome
Zaktualizowano harmonogram wycofywania Web SQL
Usługa Web SQL została całkowicie usunięta w Chromium 119.
- Chrome
Dostępny jest okres próbny źródła zasobników pamięci masowej
Standard pamięci masowej określa interfejs API do oszacowania trwałego miejsca na dane i limity oraz architekturę pamięci masowej platformy. Eksperymentujemy z interfejsem API, który sprawi, że trwałe usuwanie pamięci masowej przy dużym obciążeniu pamięci będzie bardziej przewidywalne. Wypróbuj interfejs Storage buckets API w ramach wersji próbnej origin, która działa od Chrome 115 do Chrome 118.
- Chrome
Jak aplikacja do edycji obrazów Photopea korzysta z interfejsu File handling API, aby umożliwić użytkownikom otwieranie plików z poziomu eksploratora plików
Interfejs File Handling API umożliwia aplikacjom internetowym rejestrowanie się jako moduł obsługi plików w przypadku formatów, które obsługują. Dowiedz się, jak aplikacja do edycji zdjęć Photopea korzysta z tego interfejsu API. (Ten artykuł jest też
- Chrome
Nowości w CSS i interfejsie: edycja I/O 2023
20 najważniejszych funkcji CSS i UI omówionych podczas Google I/O 2023, których nie można przegapić.
- Chrome
Nowości w internecie na Androidzie 2023
Aktualizacje narzędzi, dzięki którym internet jest dostępny na Androidzie. Ulepszenia ochrony prywatności i lepsza obsługa dużych ekranów w komponencie WebView, częściowe karty niestandardowe w kartach niestandardowych, łatwiejsza instalacja i zintegrowane funkcje PWA oraz zarządzanie płatnościami ze Sklepu Play w przypadku TWA.
- Chrome
Udostępnione autouzupełnianie w elementach iframe: początkowa oferta pakietowa
Niektóre formularze zawierają pola w elementach iframe, co powoduje problemy z autouzupełnianiem w przeglądarce. W przypadku współdzielonej autouzupełniania ramka nadrzędna może oznaczać wiarygodność elementów iframe z innych domen, aby usprawnić autouzupełnianie.
- Chrome
10 aktualizacji na Google I/O
Dowiedz się, jak ułatwiamy deweloperom dostarczanie użytkownikom zaawansowanych rozwiązań dzięki kluczowym aktualizacjom i nowym nowościom, które omówiliśmy podczas Google I/O 2023.
- Chrome
Znajdowanie problemów z formularzami w Narzędziach deweloperskich w Chrome
Zespół Narzędzi deweloperskich w Chrome pracuje nad dodatkowymi nowymi funkcjami, które pomogą znaleźć problemy z formularzami i debugować autouzupełnianie. Funkcje te są we wczesnej fazie projektowania i wdrażania, dlatego potrzebujemy Twoich testów i opinii.
- Chrome
WebGPU: odblokowywanie dostępu do nowoczesnego GPU w przeglądarce
Dowiedz się, jak technologia WebGPU wykorzystuje moc GPU, aby przyspieszyć działanie systemów uczących się i lepiej renderować grafikę.
- Chrome
WebDriver BiDi: aktualizacja stanu z 2023 r.
W tym artykule znajdziesz omówienie nowości w usłudze WebDriver BiDi w 2023 roku.
- Chrome
Przygotuj się na Google I/O
Opracuj własny plan, aby przygotować się na konferencję Google I/O.
- Chrome
Animacja elementów podczas przewijania za pomocą animacji przewijanych
Dowiedz się, jak korzystać z osi czasu przewijania i wyświetlania osi czasu, aby tworzyć animacje przewijane w sposób deklaracyjny.
Nowości w Narzędziach dla deweloperów (Chrome 114)
Narzędzia deweloperskie umożliwiają Ustawienia > Eksperymenty > Debugowanie WebAssembly: włącz obsługę DWARF domyślnie. Więcej informacji znajdziesz w artykule Debugowanie WebAssembly za pomocą nowoczesnych narzędzi. Ten eksperyment umożliwia
- Chrome
- Narzędzia deweloperskie w Chrome
Chrome 114 w wersji beta
Równoważenie nagłówka CSS, CHIPS, zdarzenie Scrollend i popover.
- Chrome
Skrypty service worker rozszerzeń
Skrypty service worker rozszerzeń to główny moduł obsługi zdarzeń rozszerzenia. To odróżnia je od instancji roboczych usług internetowych.
- Rozszerzenia do Chrome
Nowości w Chrome 113
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.
- Chrome
Cykl życia skryptu service worker rozszerzenia
Skrypty service worker rozszerzeń reagują zarówno na standardowe zdarzenia skryptu service worker, jak i na zdarzenia w przestrzeniach nazw rozszerzeń. Są one prezentowane razem, ponieważ często jeden typ występuje po drugim podczas korzystania z rozszerzenia.
- Rozszerzenia do Chrome
Lepsze rozmowy wideo z szybszym kodowaniem AV1
Chrome 113 zawiera ulepszenia w koderze oprogramowania AV1 opracowane przez zespół Chrome Open Media.
- Chrome
Zdarzenia w instancjach service worker
Skrypty service worker rozszerzeń reagują zarówno na standardowe zdarzenia skryptu service worker, jak i na wiele zdarzeń w interfejsach API rozszerzeń.
- Rozszerzenia do Chrome
Podstawy skryptu service worker rozszerzenia
Skrypty service worker rozszerzeń są instalowane i aktualizowane inaczej niż mechanizmy skryptowe usług internetowych.
- Rozszerzenia do Chrome
Rozmyj tło aparatu
Nowa wersja próbna origin Chrome, która umożliwia programistom stron internetowych kontrolowanie rozmycia tła kamery.
- Chrome
Co nowego w WebGPU (Chrome 113)
WebGPU jest dostarczany w Chrome z integracją WebCodecs w ramach testowania origin.
- Chrome
- WebGpu
Zapytanie o media przy aktualizacji CSS
Dostosuj interfejs do częstotliwości odświeżania ekranu.
Wskazówki dotyczące narzędzi dla deweloperów: mapy źródłowe w Narzędziach deweloperskich
Aby debugować pierwotny kod, zamiast go wdrażać, używaj map źródłowych w Narzędziach deweloperskich.
- Narzędzia deweloperskie w Chrome
- Chrome
Zasoby dla programistów: wyświetlanie i ręczne wczytywanie map źródeł
W panelu zasobów dla programistów sprawdź, czy mapy źródłowe są wczytywane, i wczytaj je ręcznie.
- Narzędzia deweloperskie w Chrome
Wielozadaniowość dzięki częściowym kartom niestandardowym
Dowiedz się, jak używać częściowo kart niestandardowych, aby umożliwić użytkownikom korzystanie z aplikacji podczas przeglądania treści internetowych.
Przygotowanie i pobieranie z wyprzedzeniem: usługa kart niestandardowych
Dowiedz się, jak korzystać z usługi kart niestandardowych, aby zwiększyć wygodę użytkowników.
Pierwsze kroki
Jak uruchomić kartę niestandardową w aplikacji na Androida.
Dostosowywanie interfejsu użytkownika
Jak dopasować kartę niestandardową do wyglądu i sposobu działania aplikacji.
Mierzenie zaangażowania użytkowników
Jak mierzyć zaangażowanie użytkowników na kartach niestandardowych.
Dodawanie niestandardowej interaktywności
Dodawanie działań niestandardowych do kart niestandardowych
Bardziej rozbudowana wersja interfejsu dostępna na komputerach
Urządzenia mobilne i sklepy z aplikacjami zmieniły sposób, w jaki użytkownicy odkrywają, oceniają i instalują oprogramowanie. Aplikacje internetowe oferują teraz miejsce, w którym deweloperzy mogą wyróżnić swoje aplikacje podczas instalacji.
- Chrome
Spojrzenie w przeszłość: ewolucja automatyzacji testów
Podróż w górę ewolucji automatyzacji testów w internecie.
- Chrome
Nagrywanie dźwięku i przechwytywanie ekranu
Jak nagrać dźwięk lub film z karty, okna lub ekranu.
- Rozszerzenia do Chrome
33 Chronicle Chromium: wyświetlenia AnimationBuilder
Użycie animacji opartych na warstwach w Zdjęciach może zwiększyć wydajność i zmniejszyć ale dość trudno je skonfigurować. AnimationBuilder mogą znacznie zmniejszyć złożoność i poprawić czytelność warstwy ani animacji. Załóżmy, że musisz animować
- Chrome
Rozwiązywanie problemów z układem CSS i zamówieniem źródłowym
Potrzebujemy Twojej opinii na temat proponowanego rozwiązania problemu z metodami układu strony: porządkowaniem elementów w kolejności niepowiązanej z źródłem dokumentu.
- Chrome
Nowości w Narzędziach dla deweloperów (Chrome 113)
Teraz możesz zastąpić nagłówki odpowiedzi w panelu Sieć. Wcześniej do eksperymentowania z nagłówkami odpowiedzi HTTP potrzebny był dostęp do serwera WWW. Za pomocą zastąpień nagłówków odpowiedzi możesz lokalnie testować poprawki różnych nagłówków,
- Chrome
- Narzędzia deweloperskie w Chrome
Jak nowy pasek boczny punktów przerwania ułatwia debugowanie
Aby ułatwić wykonywanie typowych czynności, takich jak usuwanie czy wyłączanie punktów przerwania, zmieniliśmy pasek boczny punktów przerwania, aby można było je wykonywać jednym kliknięciem.
- Chrome
- Narzędzia deweloperskie w Chrome
Chrome 113 w wersji beta
Nowe funkcje multimedialne CSS, funkcja wygładzania linear() i WebGPU.
- Chrome
Chrome udostępnia technologię WebGPU
Zespół Chrome udostępnia technologię WebGPU, która umożliwia wysoką wydajność grafiki 3D i równoległe obliczenia w internecie.
- Chrome
- WebGpu
Szybsze publikowanie wersji Chrome
Od wersji Chrome 114 czas między gałęzią przejścia na wersję stabilną a opublikowaniem wersji stabilnej będzie krótszy.
- Chrome
Nowości w Chrome 112
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.
- Chrome
Obsługa zdarzeń za pomocą usług workerów
Dowiedz się, jak utworzyć i debugować rozszerzenie service worker.
- Rozszerzenia do Chrome
Wskazówki dotyczące narzędzi deweloperskich: co to są mapy źródeł?
Dowiedz się, jak mapy źródłowe mogą pomóc w debugowaniu oryginalnego kodu zamiast jego wdrażania.
- Narzędzia deweloperskie w Chrome
- Chrome
Rozszerzenie mapy źródłowej ignorowanych
Usprawnij debugowanie w Narzędziach deweloperskich w Chrome dzięki rozszerzeniu mapy źródłowej ignorowanych list.
- Chrome
Od Web SQL do SQLite Wasm: przewodnik po migracji bazy danych
Dzięki użyciu SQLite Wasm obsługiwanego przez prywatny system plików źródłowego mamy uniwersalną alternatywę dla wycofanej technologii bazy danych Web SQL. Ten artykuł to przewodnik po migracji danych z Web SQL do SQLite Wasm. W poście Wycofanie
- Chrome
Współpraca z Fastly – widoczny przekaźnik HTTP dla serwera k-anonimowości FLEDGE
We współpracy z Fastly ulepszamy środki ochrony prywatności w Chrome, aby wdrożyć serwer k-anonimowości na potrzeby FLEDGE. Jeśli w tej implementacji dane są przekazywane przez przekaźnik OHTTP, serwery Google nie otrzymują adresów IP użytkowników. Serwer k-anonimowości to przyrostowy krok w kierunku pełnej implementacji FLEDGE.
- Chrome
poprawianie prywatności użytkowników przez wymaganie zgody na wysyłanie nagłówka X-Requested-With z komponentu WebView
Chcemy chronić prywatność użytkowników, ograniczając czas wysyłania nagłówka X-Requested-With.
- Chrome
Chrome 112 w wersji beta
Zagnieżdżanie CSS, animacja-kompozycja i parametr przesyłającego dla konstruktora FormData.
- Chrome
Zastąp blokowanie detektorów żądań internetowych
Druga z 3 sekcji opisujących zmiany niezbędne w kodzie, który nie jest częścią skryptu service worker rozszerzenia.
- Rozszerzenia do Chrome
Zaktualizuj kod
Pierwsza z trzech sekcji opisujących zmiany niezbędne w kodzie, który nie jest częścią skryptu service worker rozszerzenia.
- Rozszerzenia do Chrome
Przejście z widoku SPA do Chrome 111
Interfejs View Transition API umożliwia przechodzenie między stronami w aplikacjach jednostronicowych, a później uwzględni tę funkcję w aplikacjach wielostronicowych.
- Chrome
Nowości w Narzędziach dla deweloperów (Chrome 112)
Dyktafon obsługuje niestandardowe opcje odtwarzania, które możesz osadzić w Narzędziach deweloperskich za pomocą rozszerzenia. Wypróbuj przykładowe rozszerzenie. Wybierz nową opcję niestandardowego odtwarzania, aby otworzyć interfejs niestandardowego
- Chrome
- Narzędzia deweloperskie w Chrome
Migracja do skryptu service worker
Skrypt service worker pozwala na uruchamianie rozszerzeń tylko wtedy, gdy jest to potrzebne, co pozwala oszczędzić zasoby.
- Rozszerzenia do Chrome
Zaktualizuj plik manifestu
Plik manifest.json w przypadku platformy Manifest V3 wymaga nieco innego formatu niż Manifest V2.
- Rozszerzenia do Chrome
Zwiększanie bezpieczeństwa rozszerzeń
Ostatnia z 3 sekcji opisujących zmiany niezbędne w kodzie, który nie jest częścią skryptu service worker rozszerzenia.
- Rozszerzenia do Chrome
Zagnieżdżanie CSS
Jedną z naszych ulubionych funkcji preprocesora CSS jest teraz wbudowana w język: reguły stylu zagnieżdżania.
Nowości w Chrome 111
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ń.
- Chrome
Nowe miejsce z prezentacją interfejsu API Project Fugu
Prezentacja interfejsów API w ramach projektu Fugu to zbiór aplikacji, które korzystają z interfejsów API należących do projektu Fugu. Projekt Capabilities (kod roboczy Project Fugu ) w Google ma na celu umożliwienie aplikacjom internetowym
- Chrome
Ochrona prywatności! Użytkownicy teraz w bardziej przemyślany sposób udostępniają swoje ekrany
Korzystając z teorii ponagleń, zachęciliśmy użytkowników, aby podczas rozmów wideo przestali strzelać do swoich stóp.
- Chrome
Łączenie elementów ze sobą za pomocą pozycjonowania za pomocą kotwicy w CSS
Na platformie internetowej pojawi się nowy interfejs API, który pomoże Ci umieszczać elementy w sposób elastyczny i bez użycia sztuczek.
- Chrome
Współpraca z branżą nad rozwijaniem CHIPS
Omówienie 2 wyzwań, z jakimi borykał się zespół Chrome podczas wdrażania CHIPS, oraz tego, jak opinie społeczności odegrały kluczową rolę w opracowywaniu oferty.
- Chrome
Wiadomości natywne
Wymiana wiadomości z aplikacjami natywnymi z rozszerzenia do Chrome.
- Rozszerzenia do Chrome
Narzędzia platformy do tworzenia zastępczych czcionek
Dowiedz się, jak Next.js, Nuxt.js i inne biblioteki pomagają wygenerować zastępcze CSS czcionek bez CLS.
- Chrome
Podnoszenie standardów zachowania podczas dyskusji na temat standardów
Jak zespół Chrome stara się prowadzić bardziej profesjonalne i profesjonalne dyskusje, w których każdy może czuć się częścią społeczności.
- Chrome
Pierwsze kroki z zapytaniami dotyczącymi stylu
Zapytania dotyczące stylu pozwalają programistom wysyłać zapytania do wartości stylu elementu nadrzędnego przy użyciu reguły @container. W Chrome 111 zapytania stylu dotyczące niestandardowych właściwości CSS działają na stabilnym poziomie. Dowiedz się, jak zacząć z nich korzystać.
Wskazówki dla deweloperów: znajdowanie problemów z CSS
Aby wykryć problemy z CSS w Narzędziach deweloperskich, skorzystaj z paneli Style i Computed.
- Chrome
- Narzędzia deweloperskie w Chrome
Pomoc dotycząca rozszerzeń do Chrome
Gdzie uzyskać pomoc w przypadku pytań, których nie ma w dokumentacji.
- Rozszerzenia do Chrome
Urządzenia
Dokumentacja karty Urządzenia.
- Narzędzia deweloperskie w Chrome
Lokalizacje
Dokumentacja karty Lokalizacje.
- Narzędzia deweloperskie w Chrome
Obszar roboczy
Dokumentacja kart obszaru roboczego.
- Narzędzia deweloperskie w Chrome
Eksperymenty
Dokumentacja na karcie Eksperymenty.
- Narzędzia deweloperskie w Chrome
Nowości w Narzędziach dla deweloperów (Chrome 111)
Debugowanie kolorów HD, ulepszony interfejs w punkcie przerwania i inne funkcje.
- Chrome
- Narzędzia deweloperskie w Chrome
Skróty
Dokumentacja karty Skróty.
- Narzędzia deweloperskie w Chrome
Przegląd ustawień
Przegląd ustawień.
- Narzędzia deweloperskie w Chrome
Ulepszone ustawienia zastępcze czcionek
Dzięki nowym zastąpieniom `size-size` i rodzajom danych czcionki deweloperzy mogą tworzyć czcionki zastępcze, które ściśle odpowiadają czcionkom internetowym. Pozwala to zmniejszyć przesunięcia układu.
- Chrome
Nowości w Lighthouse 10
Lighthouse 10 jest już dostępna z nowymi ocenami i audytami.
- Chrome
Chrome 111 w wersji beta
Nowe typy kolorów i przestrzenie kolorów CSS, funkcje trygonometryczne CSS oraz interfejs View Transitions API.
- Chrome
Komunikacja z kontrolerem Stadia za pomocą protokołu WebHID
Flashowany kontroler Stadia działa jak standardowy pad do gier, co oznacza, że nie wszystkie jego przyciski są dostępne za pomocą interfejsu Gamepad API. Dzięki WebHID możesz teraz uzyskać dostęp do brakujących przycisków. Po zamknięciu Stadia wielu
- Chrome
Co to są flagi Chrome?
Włącz dodatkowe narzędzia do debugowania albo wypróbuj nowe lub eksperymentalne funkcje w Chrome.
Jak używać interfejsu CrUX History API
Dowiedz się więcej o interfejsie CrUX History API i o tym, jak używać go do śledzenia trendów w zakresie wrażeń użytkowników.
- Raport na temat UX Chrome
Nowości w Chrome 110
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.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 110)
Czyść panel Wydajność po ponownym załadowaniu strony, wyświetl i podświetl kod w Dyktafonie oraz wykonaj inne czynności.
- Narzędzia deweloperskie w Chrome
- Chrome
Nowe wymagania dotyczące interfejsu Web Share API w elementach iframe innych firm
Aby zwiększyć prywatność i bezpieczeństwo, wywołania interfejsu Web Share API w ramkach iframe innych firm muszą być teraz wyraźnie dozwolone. Z tego artykułu dowiesz się o potencjalnie niekompatybilnej zmianie w interfejsie Web Share API. Ta zmiana
- Chrome
Chronicle Chromium nr 32: pamiętaj o braku poprawek
Dowiedz się, jak programiści Chromium mogą zmniejszyć ryzyko wykorzystania luk w jego przypadku w ciągu dnia.
- Chrome
Dostęp do większej liczby kolorów i nowych przestrzeni
CSS Color 4 udostępnia w internecie narzędzia i funkcje o szerokiej gamie kolorów.
Migracja do koloru CSS w HD
CSS Color 4 udostępnia w internecie narzędzia i funkcje o szerokiej gamie kolorów.
Przyszłość funkcji obraz w obrazie
Wiadomości o testowaniu origin Chrome, które włącza dowolną treść HTML w oknie zawsze na górze.
- Chrome
Poznaj nowe przestrzenie kolorów CSS
CSS Color 4 udostępnia w internecie narzędzia i funkcje o szerokiej gamie kolorów: więcej kolorów, funkcje manipulacji i lepsze gradienty.
- Chrome
Przewodnik po kolorach CSS w wysokiej rozdzielczości
CSS Color 4 udostępnia w internecie narzędzia i funkcje o szerokiej gamie kolorów.
Aktualizacja dotycząca dostępu do sieci prywatnej: ogłoszenie przedłużenia okresu próbnego
W ramach specyfikacji dostępu do sieci prywatnej Chrome wycofuje dostęp do punktów końcowych sieci prywatnej z niezabezpieczonych witryn publicznych. Okres próbny wycofywania jest dostępny do wersji Chrome 113.
- Chrome
Wskazówki dla programistów: debugowanie PWA
Debuguj progresywne aplikacje internetowe za pomocą Narzędzi deweloperskich.
- Chrome
- Narzędzia deweloperskie w Chrome
CSS color-mix()
Mieszaj kolory w dowolnej z obsługiwanych przestrzeni kolorów bezpośrednio z CSS.
- Chrome
Dłuższy czas działania skryptu service worker rozszerzenia
Skrypty service worker rozszerzeń mogą działać, dopóki odbierają zdarzenia. Zwiększa to niezawodność instancji roboczych usług rozszerzeń, ale wiąże się z pewnym pułapką, której należy się wystrzegać.
- Rozszerzenia do Chrome
- Chrome
Co nowego w Narzędziach deweloperskich
Bądź na bieżąco z najnowszymi zmianami w Narzędziach deweloperskich.
- Narzędzia deweloperskie w Chrome
Podstawowa strona offline dla aplikacji internetowych w Chrome na Androida
Od wersji Chrome 109 przeglądarka automatycznie wygeneruje stronę domyślną wskazującą, że aplikacja jest obecnie offline, gdy aplikacja internetowa zainstalowana na Androidzie nie ma własnego trybu offline.
- Chrome
Dokumenty poza ekranem w platformie Manifest V3
Przedstawiamy interfejs Offscreen Documents API do tworzenia rozszerzeń do Chrome.
- Chrome
- Rozszerzenia do Chrome
Scrollend, nowe zdarzenie JavaScript
Usuń funkcję limitu czasu i pozbądź się błędów. Oto zdarzenie, którego potrzebujesz: Scrollend.
- Chrome
Kontroluj limity wielkości liter za pomocą pierwszej litery CSS
Pożegnaj się z interesującymi sposobami obejścia problemu z stylizacją zrzutów ekranu.
- Chrome
Odkrywamy możliwości internetu
Jakie zaawansowane funkcje internetowe obsługuje Twoja przeglądarka? Jakie aplikacje internetowe wykorzystują te możliwości? Odpowiedzi na te pytania znajdziesz w witrynie testowej i rozszerzeniu przeglądarki. Projekt Fugu to przedsięwzięcie
- Chrome
Chrome 110 w wersji beta
Początkowe litery CSS, moduł obsługi uruchamiania aplikacji internetowych, obsługa elementów iframe z innych domen w interfejsie FedCM API i inne funkcje.
- Chrome
Sprawdź, czy stronę można przywrócić z pamięci podręcznej stanu strony internetowej
Jak za pomocą Lighthouse sprawdzić, czy stronę można przywrócić z pamięci podręcznej stanu strony internetowej.
Elementy iframe bez danych logowania: łatwe umieszczanie elementów iframe w środowiskach COEP
Elementy iframe bez danych logowania wdrożono w Chrome 110. Umożliwia programistom wczytywanie dokumentów w zewnętrznych elementach iframe przy użyciu nowego, efemerycznego kontekstu. Nie podlegają już regułom umieszczania w ramach COEP. Deweloperzy korzystający z COEP mogą teraz umieszczać elementy iframe innych firm, które nie korzystają z tego narzędzia.
- Chrome
Atrybuty „Ważność pliku cookie” i „Max-Age” mają teraz wyższy limit
Od wersji Chrome M104 (sierpień 2022 r.) pliki cookie nie mogą ustawiać daty ważności, która przypada później niż 400 dni w przyszłości.
- Chrome
Zmień docelowe urządzenie wyjściowe w Web Audio
Dowiedz się, jak programowo zmienić miejsce docelowe wyjścia audio w Web Audio.
- Chrome
SQLite Wasm w przeglądarce korzystającej z prywatnego systemu plików źródła
Używaj SQLite do obsługi wszystkich potrzeb związanych z miejscem na dane w internecie. SQLite to popularny, lekki, wbudowany system zarządzania relacyjną bazą danych oparty na źródle otwartym. Wielu deweloperów używa go do przechowywania danych
- Chrome
Pobieram favikony
Jak pobrać favikonę witryny.
- Rozszerzenia do Chrome
Nowości w Narzędziach deweloperskich (Chrome 109)
Skopiuj krok jako skrypt w Dyktafonie, rzeczywiste nazwy funkcji w nagraniach z występu itp.
- Narzędzia deweloperskie w Chrome
- Chrome
Nowości w Chrome 109
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.
- Chrome
Szczegółowa analiza renderowania: fragmentacja bloków LayoutNG
Fragmentacja bloków w LayoutNG została zakończona. Z tego artykułu dowiesz się, jak to działa i dlaczego jest tak ważne.
- Chromium
Wskazówki dla programistów: debugowanie interfejsów API Project Fugu
Używaj narzędzi deweloperskich do debugowania interfejsów API Project Fugu.
- Chrome
- Narzędzia deweloperskie w Chrome
Zmiana harmonogramu publikowania Chrome 110
Począwszy od Chrome 110, u niewielkiego odsetka użytkowników udostępnimy wczesną wersję stabilną.
- Chrome
Czym są kanały wersji Chrome?
Dowiedz się, jak Chrome używa kanałów wersji Canary, deweloperskich, beta i stabilnych do testowania nowych funkcji i wdrażania aktualizacji.
Omówienie odmian Chrome
mechanizm testowania nowych funkcji przeglądarki Chrome,
Pomoc dotycząca wyboru składni zagnieżdżania CSS
Grupa robocza ds. usług porównywania cen prowadzi debatę nad najlepszym sposobem zdefiniowania zagnieżdżania w CSS. Jeśli zajmujesz się pisaniem arkuszy CSS, chętnie Ci pomożemy.
- Chrome
Aktualizacje zasad Chrome Web Store
Chrome aktualizuje zasady programu dla deweloperów w sklepie Chrome Web Store, aby jasno określić podstawowe zasady działania, podać szerszy kontekst w zakresie egzekwowania zasad i ułatwić ich zrozumienie.
- Rozszerzenia do Chrome
- Chrome
Chrome Dev Insider: w tym roku
Najnowsze informacje od zespołu ds. platform internetowych Chrome, w których pokazujemy programistom kulisy pracy i wymienianie się perspektywami, rozmowami i nowościami.
- Chrome
Maksymalizuj trafność reklam
Nowa dokumentacja Piaskownicy prywatności dotycząca trafności reklam bez plików cookie innych firm.
- Chrome
Co deweloperzy muszą wiedzieć o trybach pamięci i oszczędzania energii w Chrome
Dowiedz się, co zrobić, by Twoja strona płynnie obsługiwała nowe tryby pamięci i oszczędzania energii w Chrome.
- Chrome
Wskazówki dotyczące narzędzi deweloperskich: tryb urządzenia
Symulowanie urządzeń wielofunkcyjnych w Trybie urządzenia w Narzędziach deweloperskich.
- Chrome
- Narzędzia deweloperskie w Chrome
Chrome 109 w wersji beta
MathML, warunkowe działanie getDisplayMedia(), Origin Private File System na Androidzie i inne funkcje.
- Chrome
Potwierdzenie bezpiecznej płatności w Chrome na Androida
Potwierdzenie bezpiecznej płatności z kluczami dostępu to odporne na phishing potwierdzenia płatności w internecie. Będzie ona dostępna w Chrome na Androida od wersji 109.
- Chrome
Logowanie się w formularzach bez użycia hasła z użyciem autouzupełniania klucza WebAuthn
Interfejs warunkowy WebAuthn korzysta z funkcji autouzupełniania formularzy w przeglądarce, aby umożliwić użytkownikom bezproblemowe logowanie się za pomocą klucza dostępu w tradycyjnym procesie opartym na haśle.
Rozszerzenia do Chrome: interfejs API rozszerzający o obsługę natychmiastowej nawigacji
Interfejs Extensions API został zaktualizowany, aby obsługiwał pamięć podręczną stanu strony internetowej i wstępne ładowanie nawigacji.
- Chrome
Nowości w Chrome 108
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.
- Chrome
Lepsze udostępnianie ekranu dzięki koncentracji warunkowej
Warunkowo zaznacz kartę lub okno podczas udostępniania ekranu w internecie.
Ulepszenia udostępniania ekranu w Chrome 109
Szczegóły dwóch ulepszeń udostępniania ekranu w internecie: mechanizm kontrolowania zaznaczenia kart podczas udostępniania ekranu oraz mechanizm sterowania lokalnego odtwarzaniem dźwięku.
- Chrome
Wskazówki dotyczące narzędzi dla programistów: identyfikowanie ulepszeń CSS
Użyj panelu Przegląd CSS, aby zidentyfikować potencjalne ulepszenia CSS.
- Chrome
- Narzędzia deweloperskie w Chrome
Znajdowanie nieprawidłowej, zastąpionej, nieaktywnej lub innej usługi porównywania cen
Możliwość szybkiego wykrycia problemów z właściwościami CSS.
- Narzędzia deweloperskie w Chrome
Plik manifestu – oauth2
Dokumentacja dotycząca właściwości oauth2 w pliku manifest.json.
- Rozszerzenia do Chrome
Wskazówki dotyczące narzędzi dla deweloperów: szybsza nawigacja za pomocą Narzędzi deweloperskich
Dowiedz się, jak przyspieszyć przepływ pracy dzięki szybszej nawigacji w Narzędziach deweloperskich za pomocą skrótów i ustawień.
- Narzędzia deweloperskie w Chrome
- Chrome
Panel raportu na temat użytkowania Chrome
Używanie panelu raportu na temat użytkowania Chrome do wizualizacji danych na temat użytkowania Chrome w BigQuery
- Raport na temat UX Chrome
Nie wszystkie miejsca na dane są sobie równe: wprowadzenie zasobników pamięci masowej
Zasobniki pamięci masowej to interfejs API, który sprawia, że trwałe usuwanie pamięci masowej jest bardziej przewidywalne przy dużym obciążeniu pamięci.
- Chrome
Aktualizacje zasad Chrome Web Store
Chrome aktualizuje zasady programu dla deweloperów w sklepie Chrome Web Store, aby jasno określić podstawowe zasady działania, podać szerszy kontekst w zakresie egzekwowania zasad i ułatwić ich zrozumienie.
- Rozszerzenia do Chrome
- Chrome
Przygotuj się na zmiany w działaniu Chrome dotyczące zmiany rozmiaru widocznego obszaru, które wprowadzimy w Chrome na urządzeniach z Androidem
Jakie zmiany zostaną wprowadzone w związku ze zmianą rozmiaru widocznego obszaru w Chrome 108, dlaczego wprowadzamy tę zmianę w Chrome i jak możesz się do tego przygotować.
- Chrome
Plik manifestu – input_components
Dokumentacja na temat właściwości input_components pliku manifest.json.
- Rozszerzenia do Chrome
Chrome 108 w wersji beta
Nowe jednostki widocznego obszaru CSS, interfejs Federated Credential Management API, czcionki zmiennych COLRv1 i inne.
- Chrome
Aktualizacja zachowania zdarzenia CanMakePayment w interfejsie Payment Handler API
Zdarzenie service worker „canmakepayment” w interfejsie Payment Handler API informuje sprzedawcę, czy użytkownik ma kartę zapisaną w zainstalowanej aplikacji płatniczej. Chrome usuwa właściwości dołączone do zdarzenia.
- Chrome
Wskazówki dotyczące narzędzi dla deweloperów: różne sposoby otwierania Narzędzi deweloperskich
Poznaj wszystkie sposoby otwierania Narzędzi deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 108)
Wskazówki dotyczące nieaktywnych właściwości CSS, nowe selektory XPath i selektory tekstu w Dyktamencie i inne.
- Narzędzia deweloperskie w Chrome
- Chrome
Nowości w Chrome 107
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.
- Chrome
Niezbędna zmiana: metody synchronizacji dla elementów AccessHandles
Aby ułatwić pracę z obiektami AccessHandles w kontekstach takich jak Emscripten, zmieniamy metody interfejsu FileSystemSyncAccessHandle w sposób synchroniczny.
- Chrome
Wskazówki dotyczące narzędzi dla deweloperów: znajdowanie i rozwiązywanie problemów z tekstem o niskim kontraście
Dowiedz się, jak za pomocą Narzędzi deweloperskich w Chrome wykrywać i naprawiać tekst o niskim kontraście.
- Chrome
- Narzędzia deweloperskie w Chrome
Zwiększ czytelność witryny
Znajdź i rozwiąż tekst o niskim kontraście za pomocą Narzędzi deweloperskich.
- Narzędzia deweloperskie w Chrome
Zmieniono nazwy tokenów prywatności
Nazwa interfejsu Trust Token API zostanie zmieniona na Private State Token API, aby trafniej opisywać korzyści związane z prywatnością i użytecznością.
- Chrome
Zaawansowany fundusz aplikacji internetowych – aktualizacja z października 2022 r.
W ramach programu Advanced Web Apps Fund przekazaliśmy 11 projektów, przy czym w ramach Open Collective rozdysponowaliśmy ponad 100 000 USD. Ma to na celu docenienie tych działań i umożliwienie większej liczbie osób spędzenia czasu nad nimi.
- Chrome
Dostosuj i automatyzuj przepływy użytkowników poza Chrome DevTools Recorder
Dowiedz się, jak dostosować i zautomatyzować działania użytkowników poza Chrome DevTools Recorder.
- Chrome
Polyfill zapytania w kontenerze
Dowiedz się, jak polyfill zapytań kontenera zwiększa obsługę zapytań dotyczących kontenerów w starszych przeglądarkach.
- Chrome
Pomoc dotycząca wyboru składni wyników ankiety dotyczącej zagnieżdżania CSS
Zobacz wyniki z 7590 opinii programistów.
- Chrome
Nowy sposób na rozpoczęcie pracy nad rozszerzeniami do Chrome
Lepszy sposób na rozpoczęcie nauki programistów Chrome.
- Rozszerzenia do Chrome
- Chrome
Zmiana sposobu wyświetlania zastępowanych elementów w kodzie CSS
Zaawansowane ostrzeżenie o zmianie w działaniu CSS, która może spowodować niepożądane przepełnienie.
- Chrome
Chrome Dev Insider: skalowanie wydajności za pomocą ekosystemu platform
Najnowsze informacje od zespołu ds. platform internetowych Chrome, w których pokazujemy programistom kulisy pracy i wymienianie się perspektywami, rozmowami i nowościami.
- Chrome
Uruchamianie skryptów na każdej stronie
Dowiedz się, jak automatycznie dodawać nowe elementy do istniejących stron internetowych.
- Rozszerzenia do Chrome
Czy Projekt Fugu jest „gotowy”?
W tym artykule skupiliśmy się na tym, żeby zespół Project Fugu musiał skupić się na udoskonalaniu i ulepszaniu nowych funkcji.
- Chrome
Zarządzanie kartami
Dowiedz się, jak porządkować karty za pomocą grup kart.
- Rozszerzenia do Chrome
Wstawianie skryptów na aktywnej karcie
Dowiedz się, jak uprościć styl bieżącej strony.
- Rozszerzenia do Chrome
Rozszerzenie Hello World
Utwórz pierwsze rozszerzenie Hello World dla Chrome.
- Rozszerzenia do Chrome
Plik manifestu – autor
Dokumentacja dotycząca właściwości nazwy autora pliku manifest.json.
- Rozszerzenia do Chrome
Unikaj nadmiernego udostępniania podczas udostępniania ekranu
Platforma internetowa udostępnia teraz dodatkowe opcje udostępniania ekranu chroniące prywatność.
- Chrome
Ustawienia udostępniania ekranu chroniące prywatność
Pomaganie użytkownikom w unikaniu nadmiernego udostępniania treści dzięki opcjom udostępniania ekranu w internecie chroniącym prywatność.
Interfejs Payment Handler API będzie wymagać CSP connect-src
Jeśli korzystasz z CSP, użytkownicy interfejsu Payment Handler API będą musieli dodać punkt końcowy płatności do dyrektywy `connect-src`.
- Chrome
Chrome 107 w wersji beta
Dodatki do interfejsu Screen Capture API, interpolacja właściwości CSS „siatka-szablon” i wiele innych.
- Chrome
Wskazówki dotyczące narzędzi dla deweloperów: edytowanie, debugowanie i eksportowanie nagrań przepływu użytkowników
Panel rejestratora i jego rozszerzenia umożliwiają edytowanie, debugowanie i eksportowanie nagrań przepływu użytkowników.
- Chrome
- Narzędzia deweloperskie w Chrome
Więcej informacji o przejściu na platformę Manifest V3
Nowe informacje na temat planu przeniesienia rozszerzeń do platformy Manifest V3
- Chrome
- Rozszerzenia do Chrome
Nowości w Chrome 106
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.
- Chrome
Jak Chrome przygotowuje aktualizacje dla miliardów użytkowników
"Rozmowa z menedżerami programu technicznymi z zespołu ds. wersji Chrome na temat tego, jak dba o płynność każdej wersji.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 107)
Możesz dostosować skróty klawiszowe, podświetlać obiekty C/C++ w inspektorze pamięci.
- Chrome
- Narzędzia deweloperskie w Chrome
Nowości w Narzędziach deweloperskich (Chrome 106)
Lepsza obsługa nowoczesnego debugowania stron internetowych, zestawienie czasów LCP w statystykach wydajności i inne funkcje.
- Chrome
- Narzędzia deweloperskie w Chrome
Zapytania dotyczące kontenerów zaczynają trafiać do stabilnych przeglądarek, a polyfill uzyskuje dużą aktualizację
"Zapytania o kontenery umożliwiają komponentom posiadanie informacji o elastycznych stylach na podstawie miejsca, w którym się mieszczą. Tę funkcję zaczynamy wprowadzać w nowoczesnych przeglądarkach, a obsługa polyfill znacznie się zmieniła.
- Chrome
Wyskakujące okienka: powraca do popularności!
Dzięki wprowadzaniu na platformę nowych, wbudowanych interfejsów API znacznie ułatwiło to problematyczny wzorzec.
- Chrome
Rozszerzanie narzędzia Memory Investor na potrzeby debugowania C/C++
Dowiedz się, jak poprawiliśmy debugowanie aplikacji w C/C++ WebAssembly dzięki Inspektorowi pamięci
- Chrome
Wskazówki dla programistów: jak sprawdzać i debugować narzędzie CSS flexbox
Dowiedz się, jak za pomocą Narzędzi deweloperskich w Chrome sprawdzać, modyfikować i debugować układy CSS Flexbox.
- Narzędzia deweloperskie w Chrome
- Chrome
Wycofywanie i usuwanie w Chrome 106
Przegląd wycofywanych i usuniętych elementów w Chrome 106, które pomogą Ci zaplanować działania.
- Chrome
Testowanie anonimowego źródła elementów iframe: łatwe umieszczanie elementów iframe w środowiskach COEP
Deweloperzy korzystający z COEP mogą teraz umieszczać elementy iframe innych firm, które nie korzystają z tego narzędzia. Wersja próbna anonimowego źródła iframe jest dostępna do testowania w Chrome od wersji 106 do 108.
- Chrome
Wycofanie i usunięcie Web SQL
Interfejs Web SQL został po raz pierwszy zaproponowany w kwietniu 2009 roku, a od listopada 2010 r. został wycofany. Została usunięta z Chrome w kilku krokach, początkowo w niezabezpieczonych kontekstach, a od wersji Chrome 119 została całkowicie usunięta.
- Chrome
Studium przypadku: Better Angular Debugging with DevTools
Zespoły Angular i Narzędzia deweloperskie w Chrome współpracowały z zespołem Angular, aby poprawić jakość debugowania. Inne platformy mogą wprowadzać podobne zmiany.
- Chrome
Nowoczesne debugowanie stron internetowych w Narzędziach deweloperskich w Chrome
Zapoznaj się z ostatnimi zmianami w Narzędziach deweloperskich w Chrome, które ulepszają debugowanie i profilowanie podczas pracy z pakietami, platformami i kodem innych firm.
- Chrome
Nowości w Chrome 105
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.
- Chrome
Kompresja i dekompresja w przeglądarce z użyciem interfejsu API Kompresji Streams
pisać mniejsze aplikacje internetowe, które nie muszą wysyłać własnej biblioteki kompresji i dekompresji; Interfejs Compression Streams API służy do kompresowania i rozpakowywania strumieni danych za pomocą formatów gzip lub deflate (lub
- Chrome
Optymalizacja obrazów zgodnie z dyrektywą Angular Image
Przedstawiamy nową dyrektywę Angular dotyczącą obrazu (NgOptimizedImage), która wprowadza wbudowane techniki optymalizacji wydajności do obrazów w aplikacjach Angular.
- Chrome
Wskazówki dotyczące narzędzi dla deweloperów: jak przyspieszyć przepływ pracy dzięki skrótom w konsoli
Za pomocą skrótów dostępnych w interfejsie Console Utilities API możesz szybko odwoływać się do najnowszych elementów i obiektów zapytań, a także monitorować zdarzenia i wywołania funkcji oraz wykonywać inne czynności.
- Chrome
- Narzędzia deweloperskie w Chrome
Poznaj górną warstwę: rozwiązanie problemu z-index:10 000
W związku z tym, że na platformie pojawiają się nowe wbudowane komponenty i interfejsy API, z czego możemy korzystać?
- Chrome
Wskazówki dla programistów: jak sprawdzać siatkę CSS
Dowiedz się, jak za pomocą Narzędzi deweloperskich w Chrome wyświetlać i zmieniać układy siatki CSS.
- Narzędzia deweloperskie w Chrome
- Chrome
Usunięcie metody push serwera HTTP/2 z Chrome
Funkcja push z serwera HTTP/2 będzie domyślnie wyłączona w Chrome 106.
- Chrome
Czy przeglądarki mogą optymalizować ładowanie zasobów zewnętrznych?
Wprowadzanie zmian w celu lepszego wczytywania zasobów zewnętrznych w internecie
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 105)
Obsługuje szczegółowe zdarzenia ponownego odtwarzania i najeżdżania kursorem myszy w Dyktafonie, LCP w panelu Statystyki wydajności i innych.
- Narzędzia deweloperskie w Chrome
- Chrome
Wskazówki dotyczące narzędzi dla deweloperów: jak sprawdzać i modyfikować animacje CSS
Na karcie Animacje możesz sprawdzać i modyfikować animacje, przejścia i inne elementy CSS.
- Narzędzia deweloperskie w Chrome
- Chrome
Wskazówki dotyczące narzędzi dla deweloperów: uzyskaj przydatne statystyki dotyczące wydajności witryny
Uzyskaj przydatne statystyki dotyczące skuteczności Twojej witryny dzięki nowemu panelowi statystyk wydajności
- Chrome
- Narzędzia deweloperskie w Chrome
Wycofanie i usuwanie w Chrome 105
Przegląd wycofywanych i usuniętych elementów w Chrome 105, które pomogą Ci zaplanować działania.
- Chrome
@container i :has(): strona docelowa dwóch nowych, elastycznych interfejsów API w Chromium 105
"Zapytania o kontenery i :has() to dopasowanie w niesamowicie responsywnej rzeczywistości. Na szczęście w Chromium 105 obie te funkcje są dostępne razem. To ogromna wersja z dwiema poszukiwanymi funkcjami elastycznych interfejsów”.
- Chrome
:has(): selektor rodziny
Z kodem :has() w Chromium 105. Przyjrzyjmy się niezwykłym możliwościom, jakie daje nasza usługa porównywania cen.
- Chrome
Zmiany w nawigacji Event w Chrome 105
Interfejs API nawigacji otrzymuje 2 nowe metody w narzędziu GuidesEvent: intercept() zastępuje przejście do nowej funkcji, a Scroll() – funkcję przywracaniadę (w języku angielskim).
- Chrome
Nowości w Chrome 104
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.
- Chrome
Niestandardowe formaty internetowe dla interfejsu Async Clipboard API
Formaty niestandardowe w internecie umożliwiają stronom internetowym odczytywanie i zapisywanie dowolnych niesprawdzonych ładunków za pomocą standardowych formatów, które mogą obsługiwać takie ładunki.
- Chrome
Wskazówki dotyczące narzędzi dla deweloperów: jak rejestrować komunikaty w konsoli
Przy użyciu konsoli możesz rejestrować zmienne, obiekty i wiadomości, a także filtrować i grupować wiadomości oraz wykonywać wiele innych czynności.
- Narzędzia deweloperskie w Chrome
- Chrome
Ulepszony Analytics w panelu dewelopera Chrome Web Store
Google wprowadza ulepszoną analizę produktów w panelu dewelopera Chrome Web Store. Nowy panel jest łatwiejszy do zrozumienia od samego początku i zawiera najbardziej przydatne informacje.
- Chrome
- Rozszerzenia do Chrome
Pomoc dotycząca wyboru składni do zagnieżdżania CSS
Dwie konkurujące składni wymagają Twojej pomocy w ustaleniu, która z nich powinna zostać poprawiona.
- Chrome
Obsługa górnej warstwy w Narzędziach deweloperskich w Chrome
Poznaj górną warstwę i dowiedz się, jak ją obsługuje Narzędzia deweloperskie w Chrome.
- Chrome
Najnowsze informacje na temat finansowania platformy Chrome Web Framework na 2022 rok
Mamy nowe informacje na temat odbiorców finansowania Chrome Web Framework
- Chrome
Wskazówki dotyczące narzędzi dla deweloperów: jak emulować funkcje mediów preferencji użytkownika CSS za pomocą Narzędzi deweloperskich
Karta Renderowanie służy do emulacji ustawień użytkownika i testowania adaptacyjnego zachowania witryny.
- Chrome
- Narzędzia deweloperskie w Chrome
Nowości w Narzędziach deweloperskich (Chrome 104)
Ponowne uruchamianie klatki podczas debugowania, opcje powolnego ponownego odtwarzania w panelu Dyktafon i inne funkcje.
- Narzędzia deweloperskie w Chrome
- Chrome
Chrome Dev Insider: wersja CSS i UI
Najnowsze informacje od zespołu ds. platform internetowych Chrome, w których pokazujemy programistom kulisy pracy i wymienianie się perspektywami, rozmowami i nowościami.
- Chrome
Wprowadzenie Signed Exchange dla witryn na komputery
Wprowadzamy obsługę Signed Exchange w przeglądarkach Chromium na komputerach oraz wprowadzamy inne niedawno wprowadzone funkcje.
- Chrome
Wskazówki dla programistów: jak sprawdzać zapytania kontenera CSS
Sprawdzaj i debuguj zapytania dotyczące kontenera CSS za pomocą Narzędzi deweloperskich.
- Chrome
- Narzędzia deweloperskie w Chrome
Badanie i debugowanie zapytań kontenera CSS
Dowiedz się, jak za pomocą Narzędzi deweloperskich w Chrome sprawdzać, modyfikować i debugować zapytania o kontenery CSS.
- Narzędzia deweloperskie w Chrome
Wycofanie i usuwanie w Chrome 104
Przegląd funkcji wycofywanych i usuniętych w Chrome 104, które ułatwią Ci planowanie.
- Chrome
Nowości w Chrome 103
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.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 103)
Możesz między innymi rejestrować zdarzenia dwukrotnego kliknięcia lub kliknięcia prawym przyciskiem myszy oraz nowe opcje pomiaru przepływu użytkowników w Lighthouse.
- Narzędzia deweloperskie w Chrome
- Chrome
Nowości w Chrome 102
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.
- Chrome
Informacje o ułatwieniach dostępu
Pełne informacje o ułatwieniach dostępu w Narzędziach deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Jak i dlaczego opracowaliśmy statystyki skuteczności
Jak i dlaczego stworzyliśmy panel ze statystykami skuteczności.
- Chrome
Potwierdzenie uwierzytelnienia za pomocą bezpiecznej płatności
Zaimplementuj protokoły uwierzytelniania SPC, aby weryfikować transakcje klientów.
Przewodnik po migracji do WebAssembly
Ze względu na dużą popularność obsługi WebAssembly w różnych przeglądarkach planujemy skupić na potrzeby tworzenia natywnego kodu w WebAssembly i planujemy wyłączyć obsługę PNaCl w IV kwartale 2019 r. (z wyjątkiem aplikacji Chrome). Naszym
Zarejestruj potwierdzenie bezpiecznej płatności
Zaimplementuj protokoły rejestracji i proces rejestracji SPC, aby klienci mogli zdecydowanie uwierzytelniać się przed wystawcami kart lub bankami bezpośrednio od sprzedawcy.
Potwierdzenie bezpiecznej płatności
Ogólne omówienie proponowanego standardu internetowego pozwalającego na bezpieczne uwierzytelnianie u dostawców usług płatniczych.
Wycofanie i usuwanie w Chrome 103
Przegląd funkcji wycofywanych i usuniętych w Chrome 103, które ułatwią Ci planowanie.
- Chrome
Obsługa narzędzia Od interakcji do kolejnego wyrenderowania (INP)
Obsługa narzędzi Interakcja do kolejnego wyrenderowania w narzędziach poprawiających wydajność.
- Chrome
Szybsze aplikacje wielostronicowe dzięki strumieniom
Dowiedz się, jak za pomocą strumieni skrzynki roboczej tworzyć wielostronicowe aplikacje wykorzystujące częściowe znaczniki z pamięci podręcznej skryptu service worker oraz częściową zawartość sieci w celu zapewnienia szybkich rozwiązań, które będą renderowane niemal natychmiast.
Przyspieszanie LCP dzięki wstępnemu pobieraniu z innych witryn
Wprowadzenie do łatwo dostępnych technologii.
- Chrome
Prywatny serwer proxy pobierania z wyprzedzeniem w Chrome dla administratorów sieci
Omówienie sposobu filtrowania treści w elementach nawigacyjnych pobranych z wyprzedzeniem.
Prywatny serwer proxy pobierania z wyprzedzeniem w Chrome
Przyspieszanie największego wyrenderowania treści (LCP) dzięki wstępnemu pobieraniu z innych witryn.
- Chrome
Szybsze debugowanie WebAssembly
Jak przyspieszamy debugowanie WebAssembly w przypadku dużych aplikacji.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 102)
Nowy panel statystyk wydajności, skróty do emulacji jasnych i ciemnych motywów i inne funkcje.
- Chrome
- Narzędzia deweloperskie w Chrome
Fundusz aplikacji internetowych (Advanced Web Apps Fund)
Przedstawiamy Advanced Web Apps Fund, który wspiera twórców internetu.
- Chrome
Lepsze udostępnianie kart dzięki uchwytowi Capture
Platforma internetowa jest teraz wyposażona w uchwyt przechwytywania, czyli mechanizm, który umożliwia ergonomiczną i pewną identyfikację przechwyconej aplikacji internetowej, jeśli przechwycona aplikacja wyraziła na to zgodę.
Wyświetlanie właściwości obiektów DOM
Wyświetlaj i filtruj właściwości obiektów DOM.
- Narzędzia deweloperskie w Chrome
Przetestuj pamięć podręczną stanu strony internetowej
Upewnij się, że strony są zoptymalizowane pod kątem buforowania stanu strony internetowej.
- Narzędzia deweloperskie w Chrome
Nowości w Chrome 101
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.
- Chrome
Dostępność zwiniętej treści przy użyciu ustawienia ukrytego=do momentu znalezienia
W jaki sposób nowa wartość atrybutu może zapewnić, że treści w sekcjach akordeonów będzie można znaleźć i do których będą prowadzić linki.
Optymalizacja LCP za pomocą Signed Exchange
Signed Exchange to sposób dla programistów stron internetowych na znaczne przyspieszenie wczytywania stron pochodzących z witryn odsyłających SXG, np. z wyszukiwarki Google. Wystarczy, że zaznaczysz pole wyboru, ale możesz podjąć dodatkowe kroki, aby w pełni wykorzystać tę możliwość.
- Chrome
Kontrolowanie funkcji przeglądarki za pomocą zasad uprawnień
Zarządzaj dostępem Twojej strony i umieszczonych zewnętrznych elementów iframe do funkcji przeglądarki.
Szczegółowa analiza renderowania: BlinkNG
Dowiedz się więcej o BlinkNG i innych podprojektach, które rozwiązały powtarzające się problemy w organizacji i strukturze kodu Blink.
- Chromium
Przedstawiamy Chrome Dev Insider
Nowa seria stworzona przez zespół Chrome Web Platform, w której zabieramy programistów zza kulis, by dzielić się swoimi przemyśleniami, rozmowami i aktualnościami.
- Chrome
Omówienie karty Renderowanie
Poznaj kolekcję opcji wpływających na renderowanie treści internetowych.
- Narzędzia deweloperskie w Chrome
Emuluj funkcje multimedialne CSS
Emuluj prefers-color-scheme, typ multimediów, wymuszone kolory, preferuje-kontrast, preferuje zmniejszony ruch, gama kolorów.
- Narzędzia deweloperskie w Chrome
Wykrywanie problemów z wydajnością renderowania
Ponowne malowanie miejsc, przesunięcia układu, warstwy i kafelki, problemy z przewijaniem, wyświetlanie statystyk renderowania i podstawowych wskaźników internetowych.
- Narzędzia deweloperskie w Chrome
Bezpiecznie umieszczaj treści na swojej stronie
Poznaj wiele elementów HTML używanych do umieszczania treści i dowiedz się, jak zoptymalizować zabezpieczenia.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 101)
Importuj i eksportuj przepływ użytkowników w formacie JSON, obsługuje kolory hwb(), wyświetlaj warstwy kaskadowe w panelu Style i nie tylko.
- Narzędzia deweloperskie w Chrome
- Chrome
Wycofanie i usuwanie w Chrome 101
Przegląd informacji o wycofanych i usuniętych funkcjach Chrome 101, które ułatwią Ci planowanie.
- Chrome
Wycofanie i usuwanie w Chrome 102
Przegląd funkcji wycofywanych i usuniętych w Chrome 102, które ułatwią Ci planowanie.
- Chrome
Nowości w Chrome 100
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.
- Chrome
Świętuj Chrome 100 z #100CoolWebMoments
Świętujemy wprowadzenie Chrome w wersji 100, prezentując tę wiedzę.
- Chrome
Statystyki wydajności: przydatne statystyki dotyczące skuteczności witryny.
Uzyskaj przydatne statystyki na temat skuteczności swojej witryny w panelu Statystyki skuteczności.
- Narzędzia deweloperskie w Chrome
Nowości w Narzędziach deweloperskich (Chrome 100)
Wyświetlaj i edytuj @supports na regułach, zmieniaj nazwę i dostosowuj selektor nagrania oraz korzystaj z innych funkcji.
- Narzędzia deweloperskie w Chrome
- Chrome
Elementy wycofane i usuwane w Chrome 100
Przegląd wycofywanych i usuniętych elementów w Chrome 100, które pomogą Ci w planowaniu.
- Chrome
Canvas2D to zawsze Ty
Odświeżony interfejs API-next-door.
- Chrome
Nowości w Chrome 99
Wdrażamy Chrome 99. Kaskadowe warstwy CSS zapewniają większą kontrolę nad CSS i pomaga uniknąć konfliktów związanych ze stylem. Metoda showPicker() pozwala automatycznie wyświetlać selektor przeglądarki dla elementów wejściowych, takich jak data, kolor i lista danych. Za kilka tygodni unikniesz wersji 100 Chrome i Firefoksa. To jeszcze nie wszystko.
- Chrome
Optymalizowanie ładowania skryptów zewnętrznych w Next.js
W tym artykule omawiamy komponent skryptu Next.js i pokazujemy, jak za jego pomocą można lepiej sekwencjonować skrypty innych firm.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 99)
Ograniczanie żądań WebSocket, nowy panel interfejsu Reporting API, styl konsoli i inne funkcje.
- Chrome
Sprawdzanie i debugowanie układów CSS Flexbox
Dowiedz się, jak za pomocą Narzędzi deweloperskich w Chrome sprawdzać, modyfikować i debugować układy CSS Flexbox.
- Narzędzia deweloperskie w Chrome
Wycofywanie i usuwanie w Chrome 99
Przegląd wycofywanych i usuniętych elementów w Chrome 99, które pomogą Ci zaplanować działania.
- Chrome
Korzystanie z wtyczek
Workbox oferuje wiele gotowych rozwiązań, ale czasami trzeba rozszerzyć go, aby spełnić wymagania aplikacji. Z pomocą przydaje się architektura wtyczek Workbox.
Nowości w Chrome 98
Wdrażamy Chrome 98. Jeśli korzystasz z wersji próbnej automatycznego ciemnego motywu, możesz skorzystać z nowego sposobu rezygnacji na poziomie elementu. Dodaliśmy obsługę COLRv1, czyli ewolucji formatu czcionek COLRv0. To jeszcze nie wszystko.
- Chrome
Warstwy kaskadowe wkrótce będą dostępne w Twojej przeglądarce
"Warstwy Cascade to nowy interfejs API CSS, który ułatwia zarządzanie kaskadową hierarchią kodów. Wkrótce ta wersja będzie dostępna we wszystkich nowoczesnych przeglądarkach.
- Chrome
Element prośby o uprawnienia
Chrome 98 dodaje na pasku lokalizacji specjalne miejsce na uprawnienia, aby prompty były mniej wymagające i nie zmuszały do podejmowania decyzji.
- Chrome
Chronicle Chromium nr 28: pierwsze kroki z Chrome na iOS
Dowiedz się, jak pracować z kodem aplikacji Chrome na iOS.
- Chrome
Wyświetlaj selektor daty, godziny, koloru i plików w przeglądarce
Platforma internetowa udostępnia teraz kanoniczny sposób wyświetlania selektora przeglądarki.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 98)
Całostronicowe drzewo ułatwień dostępu, dokładniejsze zmiany na karcie Zmiany i inne funkcje.
- Chrome
Chrome wyłączy modyfikację document.domain, aby złagodzić zasadę dotyczącą tej samej domeny
Jeśli Twoja witryna używa ustawienia „document.domain”, musisz wykonać odpowiednie czynności.
- Chrome
Wycofywanie i usuwanie w Chrome 98
Przegląd wycofywanych i usuniętych elementów w Chrome 98, które pomogą Ci zaplanować działania.
- Chrome
Dostęp do sieci prywatnej: wprowadzenie procesów wstępnych
W ramach specyfikacji dostępu do sieci prywatnej Chrome wycofuje dostęp do punktów końcowych sieci prywatnej z niezabezpieczonych witryn publicznych. Czytaj dalej, aby poznać zalecane działania.
- Chrome
czcionki wektorowe z gradientem kolorów COLRv1 w Chrome 98
W Chrome 98 zespoły Chrome i Fonts dodały obsługę COLRv1 – ewolucji formatu czcionek COLRv0, który ma na celu powszechne udostępnienie czcionek kolorowych przez dodanie gradientów, komponowania i mieszania, a także poprawienie wewnętrznego wykorzystania kształtów w celu zapewnienia wyraźnych i kompaktowych plików czcionek.
- Chrome
Nowości w Chrome 97
Wdrażamy Chrome 97. Dostępna jest nowa opcja wysyłania wiadomości w czasie rzeczywistym między klientem a serwerem przy użyciu Transportu internetowego. Dzięki wykrywaniu funkcji możesz sprawdzić, jakie rodzaje skryptów obsługuje przeglądarka. Obsługa języka JavaScript jest coraz lepsza, a jest ich jeszcze więcej.
- Chrome
Uruchom interfejs Handler API
Moduł obsługi uruchamiania pozwala kontrolować sposób uruchamiania aplikacji, na przykład czy używa ona istniejącego czy nowego okna i czy wybrane okno ma przechodzić do adresu URL uruchamiania.
Pełne drzewo ułatwień dostępu w Narzędziach deweloperskich w Chrome
Zapoznaj się z nowym drzewem ułatwień dostępu na całej stronie w Narzędziach deweloperskich, a także o zaprojektowaniu i implementacji tego drzewa.
- Chrome
Natychmiastowa obsługa aktualizacji skryptu service worker
Czasami po zaktualizowaniu skryptu service worker warto poinformować o tym użytkowników. Tutaj dowiesz się, jak to zrobić.
Zarządzanie odpowiedziami zastępczymi
Czasami użytkownicy napotykają awarie sieci lub przestają korzystać z sieci. Dowiedz się, jak dostosować się do takich sytuacji i podać odpowiedź zastępczą.
Dostęp do pamięci podręcznej z poziomu okna
Dostęp do instancji pamięci podręcznej nie jest ograniczony tylko do zakresu skryptu service worker. Możesz je też otworzyć w kontekście okna. Z tego artykułu dowiesz się, jak to zrobić.
Korzystanie z okna skrzynki roboczej
Czasami użytkownicy przełączają się w tryb offline. Dowiedz się, jak się dostosować i pomóc im w rezygnacji z prośby, gdy znowu zaczną korzystać z internetu.
Wymuszanie limitu czasu sieci
Dowiedz się, jak wymusić przekroczenie limitu czasu w przypadku wolnego połączenia sieciowego i jak zadbać o właściwy czas.
Buforowanie zasobów podczas działania
Dowiedz się, jak obsługiwać zasoby buforowania w czasie działania, w tym zasoby z innych domen.
Ponawiam prośby, gdy znów będziesz online
Czasami użytkownicy przełączają się w tryb offline. Dowiedz się, jak się dostosować i pomóc im w rezygnacji z prośby, gdy znowu zaczną korzystać z internetu.
Pliki audio i wideo przechowywane w pamięci podręcznej
Obsługa żądań zasobów audio i wideo w skryptach service worker jest trudna. Dowiedz się, jak używać żądania zakresu modułów roboczych, aby radzić sobie z takimi żądaniami w przewidywalny sposób.
Nowości w Narzędziach deweloperskich (Chrome 97)
Nowy panel Dyktafonu, odświeżanie listy urządzeń w trybie urządzenia i inne funkcje.
- Chrome
Pomagamy deweloperom w tworzeniu zaawansowanych aplikacji internetowych, które można zainstalować
Wpływ funkcji PWA dodanych do Chrome.
- Chrome
Wycofywanie i usuwanie w Chrome 97
Przegląd wycofywanych i usuniętych funkcji w Chrome 97, które pomogą Ci zaplanować działania.
- Chrome
Nowości w Chrome 96
Wdrażamy Chrome 96. W manifeście aplikacji internetowej znajdują się 2 nowe usługi. Właściwość „id” pozwala określić unikalny identyfikator Twojej aplikacji PWA, a z właściwości Protocol_handlers umożliwia jej automatyczne rejestrowanie podczas instalacji jako modułu obsługi protokołu. Dostępna jest nowa wersja próbna źródła, która umożliwia określenie priorytetu pobierania zasobów. To jeszcze nie wszystko.
- Chrome
Nowości w Lighthouse 9.0
W Lighthouse 9.0 dostępny jest odświeżony raport i wgląd w obsługę schematów użytkowników.
- Chrome
Rozwiązywanie problemów i rejestrowanie
Omówienie funkcji logowania w Workbox i wbudowanych w przeglądarkę narzędzi do debugowania skryptów service worker.
Mechanizmy Service Worker i model powłoki aplikacji
Jak sparować model powłoki aplikacji z skryptem service worker w Twojej aplikacji na platformie SPA.
Integracje z platformami
Krótkie omówienie platform i wtyczek, które integrują się z Workbox
Określanie buforowania za pomocą skrzynki roboczej
Dowiedz się, jak buforować zasoby w instancji roboczej Service Workbox.
Zalecane działania i zalecenia dotyczące precyzowania
Naucz się, co należy robić, a czego nie należy robić.
Używanie skrzynki roboczej bez wstępnego buforowania
Jak utworzyć skrypt service worker w usłudze Workbox bez tworzenia skrzynki roboczej.
Wstępne wczytywanie nawigacji w kodzie HTML opartym na sieci
Co to jest wstępne wczytywanie nawigacji, jak może przyśpieszyć nawigację i jak używać tego narzędzia w Workbox.
Sposoby korzystania z Workbox
Poznaj niektóre sposoby korzystania z Workbox.
Nagrywaj, odtwarzaj ponownie i mierz przepływy użytkowników
Nagrywaj, odtwarzaj ponownie, mierz przepływy użytkowników i edytuj ich kroki za pomocą panelu Dyktafon.
- Narzędzia deweloperskie w Chrome
Implementowanie debugowania CSP i Zaufanych typów w Narzędziach deweloperskich w Chrome
Jak implementujemy debugowanie problemów związanych z zasadami bezpieczeństwa treści i zaufanymi typami w Narzędziach deweloperskich w Chrome.
- Chrome
Wymuś użycie wersji głównej Chrome na 100 w ciągu znaków User-Agent
Numer wersji Chrome wkrótce zmieni się z 2 do 3 cyfr, co może mieć wpływ na kod analizujący ciąg znaków User-Agent (UA). Flaga funkcji dostępna w Chrome od 96 do 99 umożliwia wczesne testowanie, wymuszając w ciągu UA numer wersji głównej 100.
- Chrome
Wybieranie kolorów dowolnego piksela na ekranie za pomocą interfejsu EyeDropper API
Programiści aplikacji kreatywnych mogą za pomocą interfejsu EyeDropper API zaimplementować selektor umożliwiający użytkownikom wybieranie kolorów z pikseli na ekranie, również tych spoza przeglądarki.
Nowości w Narzędziach deweloperskich (Chrome 96)
Nowy panel Przegląd CSS, emulacja mediów CSS „Preferowane kontrast” i automatyczny tryb ciemny w Chrome i inne funkcje.
- Chrome
Tworzenie efektywnego komponentu obrazu
Obrazy są częstym źródłem wąskich gardeł wydajności w przypadku aplikacji internetowych i głównym obszarem zainteresowania optymalizacji. Ten dokument wyjaśnia, w jaki sposób zespół Google Aurora zaprojektował w Next.js zaawansowany komponent obrazu, który został wbudowany i zoptymalizowany za pomocą interfejsu przyjaznego dla programistów. W tym poście omawiamy, jak zaprojektowano ten komponent i czego się nauczyliśmy.
Wycofywanie i usuwanie w Chrome 96
Przegląd wycofywanych i usuniętych funkcji w Chrome 96, które pomogą Ci zaplanować działania.
- Chrome
Przegląd CSS: rozpoznawanie potencjalnych ulepszeń CSS
Informacje o potencjalnych ulepszeniach CSS możesz znaleźć w panelu Przegląd CSS.
- Narzędzia deweloperskie w Chrome
Automatyczny ciemny motyw
Automatyczne generowanie ciemnego motywu dla witryn o jasnym motywie.
- Chrome
Różne strategie skryptu service worker dla różnych architektur
Omówienie 2 różnych architektur witryny.
Ulepszanie programowania mechanizmów Service Worker
Rozwiązywanie niektórych problemów związanych z programowaniem lokalnym, które mogą wystąpić podczas korzystania z mechanizmów Service Worker.
Oczekiwania dotyczące wdrażania skryptu service worker
Omówienie wpływu skryptu service worker na witrynę po wdrożeniu.
Usuwanie debugowanych instancji roboczych usługi
Jak naprawić skrypt service worker, który powoduje problemy.
Nowości w Chrome 95
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.
- Chrome
Przejdź na interfejs API do raportowania w wersji 1
Dostępna jest nowa wersja interfejsu API do raportowania. Nowy interfejs API jest udoskonalony i prawdopodobnie będzie obsługiwany w różnych przeglądarkach.
- Chrome
Monitorowanie aplikacji internetowej za pomocą interfejsu API do raportowania
Interfejs API do raportowania umożliwia monitorowanie naruszeń zabezpieczeń, wycofanych wywołań interfejsu API i nie tylko.
Szczegółowa analiza renderowania: układNG
Jak duża zmiana architektury LayoutNG ogranicza i łagodzi różne rodzaje błędów i problemy z wydajnością.
- Chromium
Chronicle Chromium nr 25: adnotacje dotyczące bezpieczeństwa wątków
Dowiedz się, jak platforma analizy statycznej Clang'spełnia kontrolę nad bezpieczeństwem wątków.
- Chrome
Raport o cechach użytkowników urządzeń z Chrome
Deweloperzy stale zastanawiają się, dla jakiej grupy odbiorców chcą tworzyć treści. Ile ma pamięci RAM? Z jakiego rodzaju Wi-Fi się korzystają? Nowy raport zawiera odpowiedzi dotyczące różnych krajów i platform.
- Chrome
Aktualizacja zasad Chrome Web Store na III kwartał 2021 roku
Zaktualizowaliśmy nasze wymagania dotyczące bezpieczeństwa i doprecyzowaliśmy kilka zasad, aby zapewnić wysoką jakość rozszerzeń i spójność wrażeń deweloperów.
- Chrome
- Rozszerzenia do Chrome
Strategie dotyczące buforowania skryptu service worker
Omówienie buforowania w instancjach roboczych usług.
Skrypt service worker – omówienie
Omówienie mechanizmów Service Worker.
Życie pracowników service worker
Zrozumienie sposobu działania mechanizmów Service Worker, aby umożliwić działanie aplikacji offline.
Co to jest Workbox?
Przedstawiamy Workbox – zestaw modułów, które upraszczają routing i buforowanie przez mechanizmy Service Worker.
Przeniesienie rozszerzeń Chrome do platformy Manifest V3
Informacje na temat planu przeniesienia rozszerzeń do platformy Manifest V3
- Rozszerzenia do Chrome
- Chrome
Wycofywanie i usuwanie w Chrome 95
Przegląd wycofywanych i usuniętych elementów w Chrome 95, które pomogą Ci zaplanować działania.
- Chrome
Nowości w Chrome 94
Wdrażamy Chrome 94. Domyślna przestrzeń kolorów dla elementów `` jest teraz formalnie zdefiniowana jako SRGB – możesz ją zmienić na wyświetlacz P3. Jest to nowy, niski poziom dostępu do wbudowanych kodeków audio i wideo, ważnych z punktu widzenia gier, edytorów wideo itp. WebGPU rozpoczyna testowanie origin. To jeszcze nie wszystko.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 95)
Nowe narzędzia do tworzenia długości CSS, ukrywanie problemów na karcie Problemy, ulepszone wyświetlanie właściwości i inne funkcje.
- Chrome
Modernizacja infrastruktury CSS w Narzędziach deweloperskich
Jak zbadaliśmy i zaktualizowaliśmy infrastrukturę CSS w Narzędziach deweloperskich.
- Chrome
Szczegółowe informacje: VideoNG
Dowiedz się więcej o nowoczesnych systemach odtwarzania i o tym, jak Chromium generuje codziennie kilkaset milionów godzin czasu oglądania.
- Chromium
Nowości w Lighthouse 8.4
Lighthouse w wersji 8.4 chroni teraz przed leniwym ładowaniem obrazów LCP i błędami FID bez widocznego obszaru dla urządzeń mobilnych.
- Chrome
Pełna kontrola dzięki interfejsowi VirtualKeyboard API
Możesz samodzielnie zarządzać ustawieniami przeglądarki z przesłonięciem treści, gdy pojawi się klawiatura wirtualna na urządzeniu dotykowym.
Nowości w Chrome 93
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.
- Chrome
Wycofywanie i usuwanie w Chrome 93
Przegląd wycofywanych i usuniętych elementów w Chrome 93, które ułatwią Ci planowanie.
- Chrome
Wycofywanie i usuwanie w Chrome 94
Przegląd wycofywanych i usuniętych elementów w Chrome 94, które ułatwią Ci planowanie.
- Chrome
Chronicle Chromium nr 24: StrongAlias, IdType i TokenType
Ten sam typ może czasem reprezentować wartości z niezgodnych domen, co może powodować błędy. Na szczęście w Chromium's //base można łatwo wprowadzić wyraźne, odrębne typy stron.
- Chrome
Aktualizacja dotycząca dostępu do sieci prywatnej: wprowadzamy okres próbny
W ramach specyfikacji dostępu z sieci prywatnej do Chrome 94 wycofujemy dostęp do punktów końcowych sieci prywatnej z niezabezpieczonych witryn publicznych w Chrome 94. Czytaj dalej, aby poznać zalecane działania.
- Chrome
Nowoczesny routing po stronie klienta: interfejs API nawigacji
Poznaj interfejs API nawigacji, który wzbogaca funkcje tworzenia aplikacji jednostronicowych.
Kluczowe struktury danych w RenderingNG
Omówienie komponentów architektury RenderingNG i tego, jak przepływa przez nie potok renderowania.
- Chromium
Nowości w Narzędziach deweloperskich (Chrome 94)
Korzystaj z Narzędzi deweloperskich w swoim preferowanym języku, nowych urządzeń Nest Hub, nowej plakietki zapytań dotyczących kontenerów CSS i nie tylko.
- Chrome
Wycofywanie i usuwanie w Chrome 92
Przegląd wycofywanych i usuniętych elementów w Chrome 92, które pomogą Ci zaplanować działania.
- Chrome
Siatka CSS w Narzędziach deweloperskich
Jak zaprojektowaliśmy i wdrożyliśmy obsługę narzędzi CSS Siatka w Narzędziach deweloperskich.
Siatka CSS w Narzędziach deweloperskich
Jak zaprojektowaliśmy i wdrożyliśmy obsługę narzędzi CSS Siatka w Narzędziach deweloperskich.
- Chrome
- Narzędzia deweloperskie w Chrome
Rozwiązywanie problemów z testami origin Chrome
Rozwiąż typowe problemy z tokenami próbnymi w metatagach, nagłówkach i skryptach. Zapoznaj się też z obsługą debugowania w Narzędziach deweloperskich w Chrome.
Zasady dotyczące otwierającego z innych witryn
Dokumentacja właściwości cross_origin_opener_policy w pliku manifest.json.
- Rozszerzenia do Chrome
Zasady dotyczące otwierającego z innych witryn
Dokumentacja właściwości cross_origin_opener_policy w pliku manifest.json.
- Rozszerzenia do Chrome
Zasady dotyczące umieszczania elementów z innych witryn
Dokumentacja dotycząca właściwości cross_origin_embedder_policy pliku manifest.json.
- Rozszerzenia do Chrome
Wycofywanie i usuwanie w Chrome 91
Przegląd funkcji wycofywanych i usuniętych w Chrome 91, które ułatwią Ci planowanie.
- Chrome
Izolacja zasobów z innych domen
Omówienie izolacji zasobów z innych domen w przypadku rozszerzeń
- Rozszerzenia do Chrome
Zasady dotyczące umieszczania elementów z innych witryn
Dokumentacja dotycząca właściwości cross_origin_embedder_policy pliku manifest.json.
- Rozszerzenia do Chrome
Automatyczne uruchamianie aplikacji PWA w OS Login
Wiele systemów operacyjnych umożliwia automatyczne uruchamianie aplikacji po zalogowaniu się użytkownika. Ta możliwość jest teraz dostępna w przypadku zainstalowanych aplikacji internetowych.
- Chrome
Ładuj zasoby z innych domen bez nagłówków CORP za pomocą COEP: bez danych logowania
Od wersji Chrome 93 test „Cross-Origin-Embedder-Policy: credentialless” będzie dostępny w ramach testowania origin. Ta nowa wartość umożliwia stronom internetowym izolowanie zasobów z innych domen bez konieczności zwracania przez zasoby z innych domen nagłówka „CORP: cross-origin” przez wysyłanie żądań bez danych logowania.
- Chrome
WebDriver BiDi – przyszłość automatyzacji w różnych przeglądarkach
Co to jest WebDriver BiDi i dlaczego stanowi przyszłość automatyzacji w różnych przeglądarkach
- Chrome
Ograniczenie udostępniania modułu Wasm do tej samej domeny
Udostępnianie modułu WebAssembly między środowiskami w tej samej witrynie będzie ograniczone tylko do tej samej domeny.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 93)
Edytowalne zapytania kontenera CSS, podgląd pakietów internetowych, lepsza obsługa ciągów znaków w konsoli i inne funkcje.
- Chrome
Weryfikowanie numeru telefonu na komputerze za pomocą interfejsu WebOTP API
Od wersji Chrome 93 witryny mogą weryfikować numery telefonów z Chrome na komputerze.
Chromium Chronicle nr 23: zweryfikowane kompilacje w infrastrukturze Chrome
Wprowadzenie kontroli egzekwowania zasad w Chrome i w infrastrukturze pozwoliło nam sprawdzić, czy są spełnione określone minimalne standardy bezpieczeństwa.
- Chrome
Architektura renderowania NG
Poznaj komponenty architektury RenderingNG i dowiedz się, jak przepływa przez nie potok renderowania.
- Chromium
URLPattern udostępnia routing na platformę internetową
Podejście do standaryzacji typowych przypadków użycia dopasowywania do wzorca.
Koncepcje na Androida (dla programistów stron internetowych)
Istotne pojęcia związane z Androidem dla programistów stron internetowych, którzy dopiero zaczynają korzystać z Androida i Google Play.
Rozszerzenia do Chrome: doprecyzowywanie zasad dotyczących rozszerzeń w celu zwiększenia bezpieczeństwa i spójności sklepu internetowego
Zaktualizowaliśmy nasze wymagania dotyczące bezpieczeństwa i doprecyzowaliśmy kilka zasad, aby zapewnić wysoką jakość rozszerzeń i spójność wrażeń deweloperów.
- Rozszerzenia do Chrome
- Chrome
Wbudowanie zasobów w platformy JavaScript
Poznaj najnowsze optymalizacje wdrożone w środowiskach JavaScript we współpracy z projektem Aurora.
Chromium Chronicle #22: Thy (Depot) Tools (Poznaj narzędzia Depot)
Depot Tools to zbiór narzędzi opartych na oprogramowaniu Git, które ułatwiają pracę programistów pracujących nad bazą kodu Chromium i powiązanymi projektami.
- Chrome
Działania związane z rozszerzeniami w platformie Manifest V3
Rozszerzenia do Chrome od lat używały interfejsów API do przeglądania i działań stron, ale interfejs Manifest V3 zastąpił je ogólnym interfejsem Actions API. W tym poście omawiamy historię tych interfejsów API oraz to, co się zmieniło w platformie Manifest V3.
- Chrome
RenderingNG
W 2021 roku w dużej mierze zakończyliśmy proces projektowania, tworzenia i dostarczania RenderingNG, czyli nowej generacji architektury renderującej Chromium.
- Chromium
Wydajna pamięć aplikacji: Storage Foundation API
Interfejs Storage Foundation API zaproponował interfejs API pamięci masowej podobny do podstawowego systemu plików z bezpośrednim dostępem do przechowywanych danych za pomocą buforów i kompensacji.
TablesNG usuwa 72 błędy Chromium, aby zapewnić lepszą interoperacyjność
– Nowy mechanizm renderowania tabel sprawia, że tworzenie danych tabelarycznych w internecie jest bardziej spójne.
- Chrome
Zapewnienie ochrony CSP przed atakami typu XSS
Dowiedz się, jak zapobiegać atakom typu cross-site scripting (XSS) przy użyciu rygorystycznej zasady Content Security Policy (CSP).
Zgodność z platformami
W tym artykule omawiamy Conformance – metodologię stosowaną w platformach Google oraz sposób, w jaki planujemy udostępnienie jej na licencji open source w ekosystemie platformy JavaScript.
- Chrome
Przedstawiamy Aurorę
W tym artykule omawiamy Aurora – inicjatywę Chrome, która ma na celu ścisłą współpracę przy użyciu platform open source
Przedstawiamy Narzędzie do inspekcji pamięci
W tym artykule przedstawiamy Narzędzie do Inspektora pamięci, które jest dostępne w Chrome 91. Umożliwia zbadanie pamięci SlateBuffer, TypedTrack, DataView i Wasm.
- Chrome
Przedstawiamy chrome.scripting
Scripting API to nowy interfejs API platformy Manifest V3, który skupia się na pisaniu skryptów. Przyjrzyjmy się powodom tej zmiany i tym, czym się ona różni.
- Chrome
Sprawdzanie układów siatki CSS
Dowiedz się, jak używać Narzędzi deweloperskich w Chrome do wyświetlania i zmieniania siatek CSS.
- Narzędzia deweloperskie w Chrome
Interfejs Compute Pressure API
Compute Pressure udostępnia stany wysokiego poziomu, które odzwierciedlają nacisk na system. Umożliwia wdrożenie korzystania z odpowiednich, podstawowych wskaźników sprzętowych, dzięki czemu użytkownicy mogą korzystać z całej dostępnej dla nich mocy obliczeniowej, o ile system nie jest przeciążony.
PWA jako moduły obsługi adresów URL
Po zarejestrowaniu progresywnej aplikacji internetowej jako modułu obsługi adresów URL i kliknięciu przez użytkownika hiperlinku pasującego do jednego z zarejestrowanych wzorców adresu URL zostanie otwarta zarejestrowana aplikacja PWA.
Nowości w Narzędziach deweloperskich (Chrome 92)
Edytor siatki CSS, obsługa stałej ponownej deklaracji w konsoli, przeglądarka kolejności źródeł i inne funkcje.
- Chrome
Chromium Chronicle #21: kompleksowa automatyzacja UI w ChromeOS
Tast to nowa biblioteka interfejsu, która do sterowania interfejsem ChromeOS wykorzystuje drzewo ułatwień dostępu (A11y) w Chrome. Biblioteka umożliwia deweloperom łatwe tworzenie kompleksowych testów z wykorzystaniem dowolnej widocznej platformy interfejsu.
- Chrome
Nowości w Chrome 91
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.
- Chrome
Określ, jak objęte raportowaniem linki mają otwierać Twoją PWA w ramach deklaratywnej rejestracji linków
Deklaratywna przechwytywanie linków to oferta właściwości pliku manifestu aplikacji internetowej o nazwie „capture_links"”, która pozwala deweloperom deklaratywnie określić, co ma się stać, gdy przeglądarka zostanie poproszona o otwarcie adresu URL znajdującego się w zakresie nawigacji w aplikacji z kontekstu spoza zakresu nawigacji.
Ustawianie flag przeglądarki w Chromium
W przypadku niektórych nowych interfejsów API, które wprowadzamy w Chromium, musisz ustawić flagę przeglądarki, aby móc przeprowadzać eksperymenty. Dowiedz się, jak to zrobić w różnych przeglądarkach opartych na Chromium, takich jak Google Chrome, Microsoft Edge i inne.
- Chrome
Zaufane działania w internecie nastawione na tworzenie offline
Jak wyświetlić zastępczy ekran trybu offline, jeśli użytkownik otworzy aplikację po raz pierwszy i nie będzie mieć połączenia z internetem.
Rejestracja modułu obsługi protokołu URL na potrzeby PWA
Po zarejestrowaniu PWA jako modułu obsługi protokołu, gdy użytkownik kliknie hiperlink o określonym schemacie, takim jak mailto, bitcoin czy muzyka internetowa w przeglądarce lub aplikacji na danej platformie, zarejestrowana aplikacja PWA otworzy się i odbierze adres URL.
Jak 10-krotnie przyspieszyliśmy zrzuty stosu w Narzędziach deweloperskich w Chrome
Jak 10-krotnie przyspieszyliśmy zrzuty stosu w Narzędziach deweloperskich w Chrome.
- Chrome
Wstawianie strumieni dla MediaStreamTrack
Wstawianie strumieni w przypadku MediaStreamTrack polega na ujawnianiu zawartości elementu MediaStreamTrack jako strumienia, który może być modyfikowany lub używany do generowania nowych treści.
Chromium Chronicle nr 20: pasy testowe
Dodanie testów porównawczych to prosty sposób na zapobieganie spadkom skuteczności i poprawa skuteczności.
- Chrome
Konwerter pliku manifestu rozszerzenia
Narzędzie open source do konwertowania rozszerzeń na platformę Manifest V3. Nadal trzeba będzie ręcznie wprowadzić zmiany w kodzie, które nie są mechaniczne, np. dostosować się do zastosowania mechanizmów Service Worker lub wstrzykiwać skrypty.
- Chrome
Bardziej rozbudowany interfejs instalacji PWA
Wprowadzenie do bardziej rozbudowanego interfejsu instalacji ze wskazówkami na temat jego implementacji.
- Chrome
Dopasowywanie liczników czasu do ograniczeń izolowanych od zasobów z innych źródeł
Od wersji Chrome 91 rozdzielczość liczników czasu w przypadku różnych platform będzie ograniczona do 100 mikrosekund bez izolowania zasobów z innych domen.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 91)
Wyskakujące okienko z informacjami o wskaźnikach internetowych, wizualizacja przewijanego tekstu CSS, nowego inspektora pamięci i nie tylko.
- Chrome
Zasoby dostępne w internecie dla platformy Manifest V3
Zasoby dostępne w internecie dla platformy Manifest V3 są już dostępne Obecnie plik „manifest.json” obsługuje definicje uprawnień. Deweloperzy mogą ograniczać zasoby na podstawie identyfikatora źródła żądania witryny lub identyfikatora rozszerzenia.
- Chrome
Nowości w Chrome 90
Wdrażamy Chrome 90. Pojawiła się nowa wartość właściwości CSS „overflow”. Nazwa interfejsu Feature Policy API została zmieniona na Zasady dotyczące uprawnień. Istnieje też nowy sposób wdrażania i używania modelu Shadow DOM bezpośrednio w HTML. Dostępne jest też znacznie więcej funkcji.
- Chrome
Odświeżona architektura narzędzi deweloperskich: migracja narzędzi deweloperskich do TypeScript
Jak przeprowadzamy migrację Narzędzi deweloperskich w Chrome z narzędzia do sprawdzania typów Closure Compiler do TypeScript.
- Chrome
Chromium Chronicle #19: Szybsze programowanie dzięki CLion
CLion IDE umożliwia nawigowanie między symbolami, przeszukiwanie bazy kodu i wykonywanie innych czynności.
- Chrome
Wycofywanie i usuwanie w Chrome 90
Przegląd wycofywanych i usuniętych elementów w Chrome 90, które ułatwią Ci planowanie.
- Chrome
Dodanie wartości rankingu do raportu na temat użytkowania Chrome w BigQuery
Dodano wielkość rankingu do raportu na temat użytkowania Chrome w BigQuery.
- Chrome
Dokumentacja interfejsu VersionHistory API
Informacje techniczne dotyczące interfejsu API usługi internetowej VersionHistory.
Przewodnik po interfejsie API VersionHistory
Instrukcja korzystania z interfejsu API usługi internetowej VersionHistory w celu programowego dostępu do informacji o historii wersji Google Chrome.
Przykłady interfejsu VersionHistory API
Przykład użycia interfejsu API usługi internetowej VersionHistory.
Przyspieszenie cyklu publikowania Google Chrome
Jeszcze w tym roku planujemy skrócić cykl publikowania i wysyłać nową wersję Google Chrome do wersji stabilnej co 4 tygodnie, wcześniej niż w obecnym 6-tygodniowym cyklu.
- Chrome
Nowości w Chrome 89
Wdrażamy Chrome 89. Interfejsy WebHID, WebNFC i Web Serial nie są już testowane w środowisku źródłowym i są teraz dostępne w wersji stabilnej. Usuwamy lukę w zabezpieczeniach, z której korzysta kilku deweloperów, którzy wcześniej pomijali testy możliwości zainstalowania PWA. Web Share i Cel udostępniania w sieci pojawiają się na pulpicie. To jeszcze nie wszystko.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 90)
Obsługa debugowania w przypadku CSS Flexbox, informacje o wydajności na stronie, aktualizacje na karcie Problemy i nie tylko.
- Chrome
Obsługa CSS-in-JS w Narzędziach deweloperskich
Sposób, w jaki obsługujemy kod CSS w JS w Narzędziach deweloperskich i czym różni się od zwykłego CSS.
- Narzędzia deweloperskie w Chrome
- Chrome
Obsługa CSS-in-JS w Narzędziach deweloperskich
Sposób, w jaki obsługujemy kod CSS w JS w Narzędziach deweloperskich i czym różni się od zwykłego CSS.
Przygotowania do jutrzejszych trybów wyświetlania
Właściwość display_Override pozwala programistom zdefiniować własny łańcuch zastępczych trybów, w których mają być wyświetlane ich aplikacje PWA.
Aktualizacje funkcji wspomagania sprzętowego animacji
Chromium aktualizuje możliwości akceleracji sprzętowej do animacji SVG, przekształceń procentowych, ścieżki klipu, obrazów tła i innych funkcji.
- Chrome
Chronicle Chromium nr 18: pokrycie kodu Chromium
Zakres testów sprawdza, jaka część kodu źródłowego jest wykonywana podczas działania danego pakietu testowego.
- Chrome
Międzynarodowy Dzień Języka Ojczystego 2021
Międzynarodowy Dzień Języka Ojczystego to coroczne święto różnorodności kulturowej obchodzonej na całym świecie 21 lutego. Promuje ona zachowanie i ochronę języków używanych na całym świecie oraz promuje wielojęzyczność.
- Chrome
Formatowanie wiadomości i zmienianie ich stylu w konsoli
Dowiedz się, jak formatować wiadomości i zmieniać ich styl w konsoli
- Narzędzia deweloperskie w Chrome
Udoskonalenie wykrywania obsługi progresywnych aplikacji internetowych w trybie offline
Weryfikacja obsługi offline od samego początku jest jednym z kryteriów możliwości zainstalowania aplikacji PWA.
- Chrome
Skracanie czasu uruchamiania Narzędzi deweloperskich
Zmniejszenie obciążenia związanego z wydajnością w Narzędziach deweloperskich w zakresie wysyłania wiadomości w interfejsie.
- Chrome
Wycofywanie i usuwanie w Chrome 89
Przegląd wycofywanych i usuniętych elementów w Chrome 89, które ułatwią Ci planowanie.
- Chrome
Automatyzacja wyboru zasobów przy użyciu wskazówek dla klienta
Optymalizacja obrazów nie jest łatwa, a automatyzacja to klucz do sukcesu.
- Chrome
Chronicle Chromium nr 17: składanki testowe
Przy pisaniu testu przeglądarki warto programowo wykonywać działania konfiguracyjne, które użytkownik może wykonać ręcznie. Aby Ci w tym pomóc, mieszanki to zestaw narzędzi do wielokrotnego użytku, które pozwalają przeprowadzać testy w przeglądarce w sposób nieskomplikowany.
- Chrome
Otrzymuj płatności za pomocą Płatności w Google Play oraz korzystaj z interfejsów Digital Goods API i Payment Request API
Otrzymuj płatności w aplikacji PWA poprzez Płatności w Google Play za pomocą interfejsów Digital Goods API, Payment Request API i Trusted Web Activity
Migracja Puppeteer do TypeScript
Jak migracja Puppeteer do TypeScriptu
- Chrome
Nowości w Chrome 88
Wdrażamy Chrome 88. Rozszerzenia możesz teraz przesyłać do Chrome Web Store przy użyciu pliku manifestu w wersji 3. Właściwość CSS współczynnika proporcji ułatwia ustawienie współczynnika proporcji dla dowolnego elementu. Teraz możesz korzystać z Płatności w Google Play w zaufanej aktywności w internecie. Znajdziesz tam też wiele innych funkcji. Przyjrzyjmy się nowościom dla deweloperów w Chrome 88.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 89)
Obsługa debugowania w przypadku naruszeń zaufanych typów, przechwytywanie zrzutu ekranu węzła poza widocznym obszarem, nowa karta Tokeny zaufania dla żądań sieciowych i inne funkcje.
- Chrome
Aktualizacje narzędzia SharedSlateBuffer w Androidzie 88 i komputerowej wersji Chrome 92
Funkcja SharedSlateBuffer będzie dostępna w Androidzie Chrome 88. Będzie dostępny tylko w przypadku stron izolowanych od zasobów z innych domen. Od wersji komputerowej Chrome 92 będzie on też dostępny tylko na stronach izolowanych od zasobów z innych domen. Możesz zarejestrować się w wersji próbnej origin, aby zachować obecne działanie do czasu wprowadzenia wersji komputerowej Chrome 113.
- Chrome
Znaczne ograniczanie łańcuchowych liczników czasu JS począwszy od Chrome 88
Intensywne ograniczanie działa, gdy strona jest ukryta przez ponad 5 minut, strona jest wyciszona przez co najmniej 30 sekund, WebRTC nie jest używany, a łańcuch liczników czasu wynosi 5 lub więcej.
- Chrome
Chronicle Chromium nr 16: aktualizowanie Google Apps na komputerze
Zastanawiasz się, jak przeglądarka Chrome na Twoim komputerze jest zawsze aktualna? Albo w jaki sposób aktualizacje są udostępniane na Chromebookach, Chromecastach i na urządzeniach z Androidem?
- Chrome
Debugowanie WebAssembly za pomocą nowoczesnych narzędzi
Szczegółowy opis nowego środowiska debugowania WebAssembly w Narzędziach deweloperskich w Chrome.
- Chrome
Odświeżona architektura Narzędzi deweloperskich: migracja do komponentów sieciowych
Dlaczego i jak przeprowadzamy migrację Narzędzi deweloperskich w Chrome do komponentów internetowych.
- Chrome
Wycofywanie i usuwanie w Chrome 88
Przegląd wycofywanych i usuniętych elementów w Chrome 88, które pomogą Ci zaplanować działania.
- Chrome
Witamy na nowej stronie developer.chrome.com!
Ogłaszamy odświeżenie strony i podsumowanie naszych planów na 2021 rok.
- Chrome
Dodaj aplikację do Sklepu Play
Dodawanie TWA do Sklepu Play
Co nowego w aplikacjach internetowych w Google Play
Poznaj nowe funkcje aplikacji internetowych korzystających z zaufanej aktywności w internecie.
Korzystanie z Płatności w Google Play
Płatności Google Play oferują narzędzia do zarządzania katalogiem, cenami i subskrypcjami, raporty oraz proces płatności obsługiwany przez Sklep Play.
Leniwe ładowanie zasobów z innych witryn za pomocą komponentu fasadowego
informacje o możliwościach leniwego wczytywania zasobów innych firm za pomocą fasad;
Chromium Chronicle nr 15: ograniczanie widoczności docelowej
W Chromium często można znaleźć kod napisany dla jednego komponentu, który może być przydatny w innym miejscu, ale może mieć ukryte ograniczenia. Ze względów bezpieczeństwa ogranicz widoczność celu z zewnątrz do niebezpiecznych funkcji.
- Chrome
Korzystanie z Płatności w Google Play w zaufanej aktywności w internecie
Dowiedz się, jak zintegrować Płatności w Google Play z projektem dotyczącym zaufanej aktywności w internecie.
Symulowanie niedoskonałości widzenia kolorów w narzędziu renderowania Blink Renderer
Dlaczego i w jaki sposób wdrożyliśmy symulację braku rozpoznawania kolorów w Narzędziach deweloperskich i narzędziu do renderowania Blink.
- Chromium
Lepsze planowanie JS za pomocą isInputPending()
Nowy interfejs API JavaScript, który może pomóc uniknąć równowagi między wydajnością wczytywania i responsywnością danych wejściowych.
Nowości w Chrome 87
Wdrażamy Chrome 87. Teraz możesz kontrolować przesuwanie, pochylanie i powiększanie kamer internetowych, które je obsługują, żądania zakresu i mechanizmy Service Worker nie wymagają tylu obejścia problemu, interfejs API dostępu do czcionek uruchamia testowanie origin i nie tylko. Przyjrzyjmy się nowościom dla deweloperów w Chrome 87.
- Chrome
przepisy-pocztówki
Z łatwością używaj popularnych wzorców pól roboczych bez konieczności konfigurowania ich samodzielnie z poziomu poszczególnych pakietów.
Nowości w Narzędziach deweloperskich (Chrome 88)
Nowe narzędzia do wizualizacji kąta CSS, emulacja nieobsługiwanych typów obrazów i limitu miejsca na dane, nowy pas dla wskaźników internetowych oraz inne funkcje.
- Chrome
Włącz cel udostępniania w internecie w zaufanej aktywności w internecie
Dowiedz się, jak włączyć cel udostępniania w internecie w projekcie za pomocą zaufanej aktywności w internecie.
Puppetaria: skrypty Puppeteer stworzone z myślą o ułatwieniach dostępu
Puppetaria – skrypty Puppeteer skupione na ułatwieniach dostępu, umożliwiające alternatywny moduł obsługi zapytań na podstawie zapytania dotyczącego drzewa ułatwień dostępu, bez korzystania z selektorów CSS.
- Chrome
Potrzebna opinia: CORS dla sieci prywatnych (RFC1918)
Niezamierzone narażenie urządzeń i serwerów w wewnętrznej sieci klienta na połączenie z internetem sprawia, że są one narażone na szkodliwe ataki. CORS-RFC1918 to propozycja domyślnego blokowania żądań z sieci publicznych w przeglądarce i wymagania, aby urządzenia wewnętrzne wyrażały zgodę na takie żądania.
- Chrome
Informacje o platformie Manifest V2
Dokumentacja dla deweloperów rozszerzeń do Chrome.
- Rozszerzenia do Chrome
Chronicle Chromium nr 14: dodawanie testów do kaskady
Chcesz wykrywać regresje związane z nową funkcją w Chrome? Dodaj testy do kaskady oraz infrastruktury ciągłej kompilacji i testowania Chrome.
- Chrome
Pozwól zainstalowanym aplikacjom internetowym modułami obsługi plików
Zarejestruj aplikację jako moduł obsługi plików w systemie operacyjnym. Teraz, gdy aplikacje internetowe potrafią odczytywać i zapisywać pliki, kolejnym logicznym krokiem jest umożliwienie deweloperom deklarowania tych aplikacji internetowych jako
Jak stworzyliśmy kartę WebAuthn w Chrome DevTools
W jaki sposób stworzyliśmy kartę WebAuthn w Chrome DevTools, aby umożliwić programistom emulowanie obiektów uwierzytelniających, dostosowywanie ich funkcji i sprawdzanie ich stanu.
Wycofywanie i usuwanie w Chrome 87
Przegląd wycofywanych i usuniętych elementów w Chrome 87, które pomogą Ci zaplanować działania.
- Chrome
Przetwarzanie wideo za pomocą kodeków WebCodecs
Praca z komponentami strumienia wideo, takimi jak klatki i niemieszane fragmenty zakodowanego obrazu lub dźwięku.
Nowości w Chrome 86
Wdrażamy Chrome 86. Interfejs API dostępu do systemu plików jest teraz dostępny w wersji stabilnej. Dostępne są nowe wersje próbne origin interfejsów Web HID i Multi-Screen Window API rozmieszczania. Pojawiło się kilka nowych funkcji CSS i wiele innych. Przyjrzyjmy się nowościom dla deweloperów w Chrome 86.
- Chrome
Uzyskiwanie bezpieczeństwa i prywatności przez partycjonowanie pamięci podręcznej
Partycjonowanie pamięci podręcznej HTTP w Chrome pomaga zwiększyć bezpieczeństwo i prywatność.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 87)
Nowe narzędzia do debugowania siatki CSS, karta Uwierzytelnianie w internecie, narzędzia do przenoszenia i panel Computednego paska bocznego.
- Chrome
Testowanie origin innych firm
Dowiedz się, jak dostawcy treści umieszczanych na stronach mogą testować nowe lub eksperymentalne funkcje platformy internetowej w wielu witrynach.
Jak stworzyliśmy kartę Problemy w Narzędziach deweloperskich w Chrome
Jak stworzyliśmy kartę Problemy w Narzędziach deweloperskich w Chrome, aby ułatwić deweloperom wykrywanie problemów i ich rozwiązywanie.
- Chrome
Czujniki: emuluj czujniki urządzenia
Panel Czujniki umożliwia zastąpienie geolokalizacji, symulowanie orientacji urządzenia, wymuszanie dotyku i emulowanie stanu bezczynności.
- Narzędzia deweloperskie w Chrome
Migracja z Workbox 5 do 6
Przewodnik na temat migracji z Workbox 5 do 6.
Nawiązywanie połączeń z rzadkimi urządzeniami HID
Interfejs WebHID API umożliwia witrynom dostęp do alternatywnych klawiatur pomocniczych i egzotycznych padów do gier.
Zarządzanie kilkoma wyświetlaczami za pomocą interfejsu Window Management API
Interfejs Window Management API pozwala wyliczyć wyświetlacze podłączone do Twojego komputera i rozmieszczać okna na określonych ekranach.
Odświeżona architektura Narzędzi deweloperskich: migracja do modułów JavaScript
Jak przenosimy Narzędzia deweloperskie w Chrome do modułów JavaScript.
- Chrome
Wycofywanie i usuwanie w Chrome 86
Przegląd wycofywanych i usuniętych elementów w Chrome 86, które pomogą Ci zaplanować działania.
- Chrome
Nowości w Chrome 85
Wdrażamy Chrome 85. Możesz zwiększyć wydajność renderowania dzięki widoczności treści: auto. Właściwości CSS można teraz ustawiać w: CSS. Aby sprawdzić, czy Twoja aplikacja na system Windows lub progresywna aplikacja internetowa (PWA) jest zainstalowana, użyj interfejsu API getinstalledrelatedApps(). Skróty w ikonach aplikacji działają również w systemie Windows (tym razem na razie). Dostępny jest test origin dla przesyłania strumieniowego pobierania. I wiele innych. Przyjrzyjmy się nowościom dla deweloperów w Chrome 85.
- Chrome
Używanie zaawansowanej typografii z czcionkami lokalnymi
Interfejs Local Font Access API wymienia czcionki lokalne zainstalowane przez użytkownika i zapewnia niskopoziomowy dostęp do różnych tabel TrueType/OpenType.
Nowości w Narzędziach deweloperskich (Chrome 86)
Nowy panel mediów, zrzut ekranu węzła, aktualizacje karty Problemy, emulacja brakujących czcionek lokalnych, nieaktywnych użytkowników i prefers-reduced-data.
- Chrome
Odczyt z portu szeregowego i zapis na nim
Web Serial API łączy internet z światem fizycznym, umożliwiając witrynom komunikację z urządzeniami szeregowymi.
Dodaj dodatkowe nagłówki żądań HTTP
Przewodnik dodawania nagłówków HTTP CORS do intencji kart niestandardowych.
Nowa domyślna zasada odsyłająca dla Chrome – strict-origin-when-cross-origin.
Nowa domyślna zasada odsyłająca dla Chrome – strict-origin-when-cross-origin.
- Chrome
Przechwytywanie klawiszy przy użyciu interfejsu Keyboard Lock API
Interfejs Keyboard Lock API umożliwia witrynom przechwytywanie klawiszy, które są zwykle zarezerwowane przez system operacyjny. Przeznaczona jest dla aplikacji internetowych zapewniających realistyczny interfejs na pełnym ekranie (np. gier lub aplikacji do zdalnego dostępu).
Odczytywanie i zapisywanie plików oraz katalogów za pomocą biblioteki fs-access w przeglądarce
Wszystkie nowoczesne przeglądarki odczytują pliki i katalogi lokalne. Jednak prawdziwy dostęp do zapisu, czyli coś więcej niż tylko pobieranie plików, jest ograniczony do przeglądarek, które implementują interfejs File System Access API. W tym poście przedstawiamy bibliotekę pomocy o nazwie przeglądarka-fs-access, która działa jako warstwa abstrakcji nad interfejsem File System Access API i w przejrzysty sposób bazuje na starszych metodach obsługi plików.
Strumieniowe przesyłanie żądań za pomocą interfejsu API pobierania
Chromium obsługuje teraz przesyłanie strumieniowe od wersji 105, co oznacza, że możesz rozpocząć żądanie, zanim cała treść będzie dostępna.
Wycofywanie i usuwanie w Chrome 85
Przegląd wycofywanych i usuniętych elementów w Chrome 85, które pomogą Ci zaplanować działania.
- Chrome
Houdini – sposób obalania mitów na wczesnym etapie
Houdini to zbiór interfejsów API, który udostępnia programistom kod wewnętrzny silnika CSS
Nowości w Chrome 84
Wdrażamy Chrome 84. Użytkownicy mogą uruchamiać typowe czynności w Twojej aplikacji dzięki skrótom w postaci ikon aplikacji. Interfejs Web Animations API dodaje obsługę wielu nieobsługiwanych wcześniej funkcji. Funkcja Wake Lock i interfejs Content Indexing API zostały wycofane z testowania origin. Dostępne są nowe wersje próbne origin na wykrywanie bezczynności i SIMD. I jeszcze sporo innych elementów. Przyjrzyjmy się nowościom dla deweloperów w Chrome 84.
- Chrome
Korzystanie z kart niestandardowych w Androidzie 11
Jak korzystać z kart niestandardowych na Androidzie 11
- Chrome
Usuń nieużywany kod JavaScript
Dowiedz się, jak przejść audyt Lighthouse
Nowości w Narzędziach deweloperskich (Chrome 85)
Edytowanie stylów pod kątem platform CSS-in-JS, Lighthouse 6.0, nowych funkcji JavaScript i nie tylko.
- Chrome
Jak korzystać z interfejsu CrUX API
Dowiedz się, jak korzystać z interfejsu Chrome UX Report API, aby uzyskać dostęp typu REST do danych o wrażeniach użytkowników korzystających z milionów witryn.
- Raport na temat UX Chrome
Poprawa prywatności użytkowników i wygody programistów dzięki wskazówkom klienta użytkownika
Wskazówki dotyczące klienta użytkownika to nowe rozszerzenie interfejsu Client Hints API, które umożliwia deweloperom dostęp do informacji o przeglądarce użytkownika w sposób ergonomiczny i chroniący prywatność. Wskazówki klienta umożliwiają
Jak utworzyć panel raportu na temat użytkowania Chrome w Looker Studio
Looker Studio to zaawansowane narzędzie do wizualizacji danych, które umożliwia tworzenie paneli na podstawie źródeł big data, takich jak Raport na temat użytkowania Chrome. Z tego przewodnika dowiesz się, jak utworzyć własny panel raportu na temat użytkowania Chrome w celu śledzenia środowiska źródłowego.
- Raport na temat UX Chrome
Jak korzystać ze zbioru danych BigQuery w zakresie CrUX
Z tego przewodnika dowiesz się, jak używać BigQuery do tworzenia zapytań dotyczących zbioru danych raportu na temat użytkowania Chrome w celu wyodrębniania przydatnych wyników dotyczących wygody korzystania z internetu.
- Raport na temat UX Chrome
Korzystanie z WebTransport
WebTransport to interfejs API oferujący małe opóźnienia, dwukierunkową komunikację w ramach komunikacji klient-serwer. Dowiedz się więcej o jego przypadku użycia i o tym, jak przesłać opinię o jego przyszłości.
Wycofywanie i usuwanie w Chrome 84
Przegląd wycofywanych i usuniętych funkcji w Chrome 84, które pomogą Ci zaplanować działania.
- Chrome
Nowości w Chrome 83
Wdrażamy Chrome 83. Dodaje on obsługę zaufanych typów, co pomaga unikać luk w zabezpieczeniach związanych ze skryptami cross-site scripting. Elementy formularzy otrzymują ważną metamorfozę. Istnieje nowy sposób wykrywania wycieków pamięci. Natywny interfejs API systemu plików rozpoczyna nowy test origin z dodatkowymi funkcjami. Przyjrzyjmy się nowościom dla deweloperów w Chrome 83.
- Chrome
Co nowego w Lighthouse 6.0
nowe dane, nowa ocena skuteczności, nowe audyty i inne zmiany. Dzisiaj publikujemy Lighthouse 6.0. Lighthouse to automatyczne narzędzie do przeprowadzania audytów witryn, które pomaga deweloperom w ulepszaniu witryn pod kątem wygody
- Chrome
Wykrywanie nieaktywnych użytkowników za pomocą interfejsu Idle Detection API
Interfejs Idle Detection API powiadamia deweloperów, gdy użytkownik jest nieaktywny, wskazując na przykład brak interakcji z klawiaturą, myszą, ekranem, włączeniem wygaszacza ekranu, zablokowanie ekranu lub przejście na inny ekran. Próg zdefiniowany przez dewelopera spowoduje wysłanie powiadomienia.
Obsługa interwencji związanych z reklamami zużywającymi dużo zasobów
Obsługa interwencji związanych z reklamami zużywającymi dużo zasobów
- Chrome
Problemy: znajdowanie i rozwiązywanie problemów
Użyj panelu Problemy, aby znaleźć i rozwiązać problemy z witryną.
- Narzędzia deweloperskie w Chrome
Nowości w Narzędziach deweloperskich (Chrome 84)
Nowa karta Problemy, informacje o ułatwieniach dostępu w etykietce trybu inspekcji i inne informacje.
- Chrome
Brakuje deklaracji zestawu znaków lub występuje ona zbyt późno w kodzie HTML
Dowiedz się, jak dodać deklarację kodowania znaków do kodu HTML.
Wycofywanie i usuwanie w Chrome 83
Przegląd wycofywanych i usuniętych funkcji w Chrome 83, które pomogą Ci zaplanować działania.
- Chrome
Nowości w Chrome 81
Wdrażamy Chrome 81. Plakietka na ikonie aplikacji kończy proces testowania origin. Testowanie trafień pod kątem rzeczywistości rozszerzonej jest teraz dostępne w przeglądarce. Web NFC rozpoczyna testowanie origin. Przygotowałem też aktualne informacje o zmienionym harmonogramie publikacji Chrome. Przyjrzyjmy się nowościom dla deweloperów w Chrome 81.
- Chrome
WebSocketStream: integrowanie strumieni z interfejsem WebSocket API
WebSocketStream integruje strumienie z interfejsem WebSocket API. Umożliwia to aplikacji stosowanie ciśnienia wstecznego do otrzymanych wiadomości.
Chromium Chronicle nr 13: debugowanie w czasie i podróży przy użyciu RR
Czy ciągle przeprowadzasz ten sam test w debugerze, próbując się dowiedzieć, dlaczego kod działa w nieprawidłowym stanie? Mamy narzędzie dla Ciebie. RR rejestruje ślad wykonania, co ułatwia przejście wstecz, wstecz, sprawdzanie, gdzie zmienne zmieniły swoje wartości lub kiedy funkcja została ostatnio wywołana w obrębie obiektu.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 83)
Emuluj błędy rozpoznawania barw, emuluj ustawienia regionalne, debuguj COOP i COEP i korzystaj z wielu innych funkcji.
- Chrome
Wycofywanie i usuwanie w Chrome 81
Przegląd funkcji wycofywanych i usuniętych w Chrome 81, które ułatwią Ci planowanie.
- Chrome
Interakcja z urządzeniami NFC w Chrome na Androida
W Chrome na Androida można teraz odczytywać i zapisywać tagi NFC.
Dodawanie danych o uprawnieniach do wyświetlania powiadomień do Raportu na temat użytkowania Chrome
Aby pomóc właścicielom witryn lepiej zrozumieć dane dotyczące uprawnień związanych z powiadomieniami, dodajemy te dane do raportu na temat użytkowania Chrome, który znajduje się w zbiorze danych z 20201 roku. Dzięki temu właściciele witryn mogą lepiej zrozumieć typowe odpowiedzi udzielane użytkownikom w związku z prośbą o zgodę na ich wyświetlanie w ich witrynach i podobnych witrynach z tej samej kategorii.
- Chrome
Chromium Chronicle nr 10: wyłapywanie regresji interfejsu użytkownika dzięki testom Pixela
Strategia testowania Chrome w dużym stopniu bazuje na zautomatyzowanych testach poprawności działania i testach ręcznych, ale żadna z tych usług nie wykrywa trwale niewielkich pogorszenia stanu interfejsu. Zautomatyzuj testowanie interfejsu przeglądarki na komputerze za pomocą testów pikseli.
- Chrome
Korzystanie z interfejsu API niskiego poziomu karty niestandardowej
Dowiedz się, jak używać karty niestandardowej bez biblioteki obsługi przeglądarki Androidx.
Sprawdź, czy na urządzeniu z Androidem jest przeglądarka obsługująca karty niestandardowe
Dowiedz się, jak sprawdzić, czy urządzenie z Androidem ma przeglądarkę, która obsługuje kartę niestandardową
Omówienie kart niestandardowych na Androidzie
Dowiedz się, kiedy najlepiej używać kart niestandardowych na Androidzie do otwierania adresu URL w aplikacji na Androida.
Przegląd
Dowiedz się, jak za pomocą zaufanej aktywności w internecie łatwo zintegrować progresywną aplikację internetową z aplikacją na Androida.
Latara
Omówienie bibliotek i narzędzi do tworzenia zaufanych aktywności internetowych.
Otwieranie karty niestandardowej dla linków w komponencie WebView
Aby zwiększyć wygodę użytkowników, korzystaj z komponentów WebView i kart niestandardowych.
Przewodnik integracji
Dowiedz się, jak korzystać z zaufanych aktywności w internecie w swojej aplikacji na Androida.
Nowości w Chrome 80
Właśnie wdrażamy Chrome 80 i znajduje się w niej mnóstwo nowych funkcji dla deweloperów. Wprowadziliśmy obsługę modułów w instancjach roboczych, opcjonalnych łańcuchów w języku JavaScript, nowych testów origin oraz funkcji, które już nie są już testowane w środowisku źródłowym, i wiele innych. Przyjrzyjmy się nowościom dla programistów Chrome w wersji 80.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 81)
Moto G4 w trybie urządzenia, nowe funkcje związane z plikami cookie i nie tylko.
- Chrome
Przekazywanie informacji do zaufanej aktywności internetowej przy użyciu parametrów zapytania
Jak przekazywać informacje z natywnej powłoki do aplikacji internetowej podczas uruchamiania zaufanej aktywności w internecie.
Zaufane działania internetowe pochodzące z wielu źródeł
Jak utworzyć jedną aplikację za pomocą zaufanych aktywności internetowych, które obsługują otwieranie wielu źródeł na pełnym ekranie.
android-browser-helper, czyli nowej biblioteki do tworzenia zaufanych aktywności internetowych.
Wprowadzamy android-browser-helper – nową bibliotekę do tworzenia zaufanych aktywności internetowych.
największe wyrenderowanie treści
Dowiedz się więcej o największym wyrenderowaniu treści w Lighthouse oraz o tym, jak je mierzyć i optymalizować.
Wycofywanie i usuwanie w Chrome 80
Ogólne informacje o wycofanych i usuniętych funkcjach w Chrome 80, które pomogą Ci zaplanować działania.
- Chrome
Migracja z Workbox 4 do 5
Przewodnik na temat migracji z Workbox 4 do 5.
Kronika Chromium nr 9: ClusterFuzz
Może się okazać, że zostaniesz poproszony o usunięcie ważnych błędów związanych z bezpieczeństwem wykrytych przez ClusterFuzz. Co to jest? Czy należy poważnie traktować te błędy? Jak możesz pomóc?
- Chrome
Indeksowanie stron offline za pomocą interfejsu Content Indexing API
PWA może zapisywać artykuły i pliki multimedialne w pamięci podręcznej. Skąd jednak użytkownicy będą wiedzieć, że strony działają w trybie offline? Interfejs Content Indexing API jest jedną z odpowiedzi na to pytanie. Gdy indeks zostanie wypełniony treściami z Twojej aplikacji PWA, a także z innych zainstalowanych aplikacji PWA, pojawi się on w specjalnych obszarach obsługiwanych przeglądarek.
Nowości w Chrome 79
Wdrażamy Chrome 79. Zainstalowane progresywne aplikacje internetowe na urządzeniach z Androidem obsługują ikony z możliwością maskowania. Za pomocą interfejsu WebXR Device API możesz teraz tworzyć atrakcyjne treści. Testowanie origin interfejsu Wake Lock API i atrybut rendersubtree rozpoczyna się. Wszystkie filmy z Chrome Dev Summit 2019 są już dostępne online. Przyjrzyjmy się nowościom dla deweloperów w Chrome 79.
- Chrome
Ulepszone debugowanie WebAssembly w Narzędziach deweloperskich w Chrome
Sprawdzaj kod, ustawiaj punkty przerwania i rozwiązuj zrzuty stosu w językach źródłowych z poziomu Narzędzi deweloperskich.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 80)
Obsługa ponownych deklaracji zgody i klas w konsoli, ulepszone debugowanie WebAssembly i inne funkcje.
- Chrome
Chromium Chronicle #8: GWP-ASan: wykrywaj błędy w środowisku naturalnym
GWP-ASan to detektor błędów pamięci składający się tylko z sterty i zaprojektowany do użytku w środowisku naturalnym. Wykrywa ona przypadki użycia po jej zwolnieniu, przepełnienia/niedopełnienia bufora i podwójne zwolnienie. W przeciwieństwie do ASan nie wykrywa błędów na stosie ani w globalnych obszarach.
- Chrome
Pierwsze kroki z pakietami internetowymi
Pakiety internetowe umożliwiają udostępnianie witryn w jednym pliku przez Bluetooth i uruchamianie ich offline w kontekście źródła.
Większe możliwości w trybie offline dzięki interfejsowi Periodic Background Sync API
Okresowa synchronizacja w tle umożliwia aplikacjom internetowym okresowe synchronizowanie danych w tle, zbliżając je do działania aplikacji na iOS, Androida lub komputer.
Odbieranie udostępnionych danych za pomocą interfejsu Web Share Target API
Na komórce lub komputerze udostępnienie powinno być proste. Aby to zrobić, wystarczy kliknąć przycisk Udostępnij, wybrać aplikację i wskazać, komu chcesz ją udostępnić. Interfejs Web Share Target API pozwala zainstalowanym aplikacjom internetowym zarejestrować się w systemie operacyjnym, aby otrzymywać udostępniane treści.
Wycofywanie i usuwanie w Chrome 79
Przegląd wycofywanych i usuniętych funkcji w Chrome 79, które pomogą Ci zaplanować działania.
- Chrome
Chromium Chronicle #7: Preprocessing Source
Ręczne kompilowanie jednego pliku źródłowego Chromium może ułatwić programistom eksperymentowanie z opcjami optymalizacji kompilatora, zrozumienie subtelnych szczegółów makr lub zminimalizowanie błędu kompilatora. W tym miesiącu przyjrzymy się, jak wstępnie przetworzyć źródło.
- Chrome
Interfejs Notification Activates API
Interfejs Notification Activates API umożliwia programistom planowanie powiadomień lokalnych, które nie wymagają połączenia sieciowego, dzięki czemu idealnie nadają się do takich zastosowań jak aplikacje kalendarza.
Nowości w Chrome 78
Udostępniamy Chrome 78. Teraz możesz podać „typy” zmiennych CSS. Masz dostęp do nowszych mechanizmów Service Worker, ponieważ sprawdzanie bajtów po bajtach skryptów importowanych przez funkcję importScripts() jest teraz wykonywane. Dostępne są też 2 nowe wersje próbne origin, które udostępniają nowe, przydatne funkcje, w tym natywny system plików i odbiornik SMS-ów. Dodatkowo w dniach 11–12 listopada 2019 r. odbędzie się wydarzenie Chrome DevSummit. Przyjrzyjmy się nowościom dla deweloperów w Chrome 78.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 79)
Dowiedz się, dlaczego pliki cookie są blokowane, symuluj schemat preferowanego koloru, ciemny kolor, aktualizacje zasięgu kodu itp.
- Chrome
Całkowity czas blokowania
Dowiedz się więcej o całkowitym czasie blokowania w Lighthouse oraz o tym, jak go mierzyć i optymalizować.
Weryfikowanie numerów telefonów w internecie za pomocą interfejsu WebOTP API
Znajdowanie, zapamiętywanie i wpisywanie haseł jednorazowych wysyłanych SMS-em jest uciążliwe. Interfejs WebOTP API upraszcza korzystanie z haseł jednorazowych.
Kronika Chromium nr 6: widok siatki Monorail
Monorail udostępnia widok siatki w Chrome, który umożliwia wizualizację problemów na tablicy stylów Kanban. Z tego odcinka dowiesz się, jak korzystać z trybu siatki.
- Chrome
Wycofywanie i usuwanie w Chrome 78
Przegląd wycofywanych i usuniętych funkcji w Chrome 78, które pomogą Ci zaplanować działania.
- Chrome
Wynik Lighthouse dotyczący ułatwień dostępu
Dowiedz się, jak Lighthouse generuje wynik ułatwień dostępu Twojej strony.
Domyślnie nowe mechanizmy Service Worker
Żądania HTTP, które sprawdzają dostępność aktualizacji skryptu skryptu service worker, nie będą już domyślnie realizowane przez pamięć podręczną HTTP, a zaimportowane skrypty mogą aktywować proces aktualizacji skryptu service worker.
- Chrome
Ocena wydajności Lighthouse
Dowiedz się, jak Lighthouse generuje ogólny wynik wydajności strony.
Nowości w Chrome 77
Udostępniamy Chrome 77. Jest lepszy sposób śledzenia wydajności witryny za pomocą funkcji największego wyrenderowania treści. Formularze zyskują nowe możliwości. Dostępne jest natywne leniwe ładowanie. Chrome DevSummit odbędzie się w dniach 11–12 listopada 2019 r. I wiele innych. Przyjrzyjmy się nowościom dla deweloperów w Chrome 77.
- Chrome
Debugowanie usług w tle
Wyświetlaj raporty i debuguj usługi działające w tle, np. pobieranie w tle, synchronizację w tle, powiadomienia i wiadomości push.
- Narzędzia deweloperskie w Chrome
Nowości w Narzędziach deweloperskich (Chrome 78)
Lighthouse 5.2 w panelu Audyty i Największe wyrenderowanie treści w panelu Wydajność.
- Chrome
Pierwsze kroki z GPU Compute w internecie
W tym poście omówimy eksperymentalny interfejs API WebGPU na podstawie przykładów i pomoże Ci rozpocząć wykonywanie obliczeń równoległych z wykorzystaniem GPU.
Krótki przewodnik
Przewodnik dla początkujących dotyczący tworzenia podstawowej, prostej zaufanej aktywności w internecie.
Kronika Chromium nr 5: kodowanie poza piaskownicą
Cały kod zawiera błędy. Proces przeglądarki Chrome nie ma piaskownicy, co oznacza, że błędy te mogą dać złośliwemu kodowi pełny dostęp do całego urządzenia. W tym odcinku wyjaśniamy, co należy robić, a czego unikać w programie bez piaskownicy.
- Chrome
Sprawdzanie stanu kodu za pomocą interfejsu ReportingObserver API
RaportowanieObserver informuje, że Twoja witryna korzysta z wycofanego interfejsu API lub jeśli występuje interwencja przeglądarki. Podstawowe funkcje są dostępne w Chrome 69. Od wersji Chrome 84 można go używać w instancjach roboczych. To całkiem proste.
Wycofanie i usuwanie w Chrome 77
Przegląd wycofywanych i usuniętych elementów w Chrome 77, które ułatwią Ci planowanie.
- Chrome
Selektor kontaktów w internecie
Dostęp do kontaktów użytkownika jest funkcją w aplikacjach na iOS i Androida niemal od zera. Contact Picker API to interfejs API na żądanie, który pozwala użytkownikom wybierać wpisy z listy kontaktów i udostępniać witrynie niektóre informacje o wybranych kontaktach. Pozwala użytkownikom udostępniać tylko to, co chcą i kiedy chcą, oraz ułatwia kontakt ze znajomymi i rodziną.
Chromium Chronicle #4: przetestuj funkcje platformy internetowej dzięki WPT
Testy platformy internetowej (WPT) to preferowany sposób testowania funkcji udostępnianych w internecie, ponieważ są one udostępniane innym przeglądarkom przez GitHuba. W tym miesiącu przyjrzymy się sprawdzonym metodom związanym z WPT.
- Chrome
Nowości w Chrome 76
Udostępniamy Chrome 76. Dodaje obsługę zapytania o media w schemacie preferowanych kolorów, co wprowadza tryb ciemny w witrynach. Przycisk instalacji w omniboksie ułatwiający instalację progresywnych aplikacji internetowych na komputerze. Sposób, aby zapobiec wyświetlaniu minipaska informacyjnego na urządzeniu mobilnym. Zwiększa częstotliwość aktualizowania pakietów WebAPK. I wiele innych. Przyjrzyjmy się nowościom dla deweloperów w Chrome 76.
- Chrome
Aktualności multimedialne w Chrome 75
Prognozowanie, czy odtwarzanie będzie płynne i energooszczędne w przypadku zaszyfrowanych multimediów, oraz obsługa podpowiedzi atrybutu elementu wideo „playsInline”.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 77)
Kopiuj style elementów, wizualizuj zmiany układu i korzystaj z innych funkcji.
- Chrome
Aktualizacja komponentów sieciowych – więcej czasu na uaktualnienie do interfejsów API w wersji 1
Użytkownicy komponentów sieciowych w wersji 0 mają więcej czasu na przejście na wersję 1, ale warto się upewnić i przetestować.
- Chrome
Chromium Chronicle #3: pokrycie kodu w Gerrit
Testy są kluczowe, ponieważ wykrywają błędy i regresje, egzekwują lepsze projekty i ułatwiają obsługę kodu. W tym miesiącu pokażemy, jak przeprowadzać szczegółowe testy we współpracy z Gerrit.
- Chrome
Wycofywanie i usuwanie w Chrome 76
Przegląd wycofywanych i usuniętych elementów w Chrome 76, które pomogą Ci zaplanować działania.
- Chrome
Częstsze aktualizowanie plików WebAPK
Od wersji Chrome 76 pakiety WebAPK będą aktualizowane częściej.
- Chrome
LayoutNG
Nowy mechanizm układów w Chromium
- Chrome
Nowości w Chrome 75
Wdrażamy Chrome 75. Istnieje nowy sposób zmniejszenia czasu oczekiwania na elementy kanwy. Aplikacje internetowe mogą teraz udostępniać pliki innym zainstalowanym aplikacjom za pomocą arkusza udostępniania na poziomie systemu. Wszystkie prelekcje z Google I/O znajdziesz na naszym kanale w YouTube. I wiele innych. Przyjrzyjmy się nowościom dla deweloperów w Chrome 75.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 76)
Autouzupełnianie wartości CSS, nowy interfejs do ustawień sieci i inne.
- Chrome
Chromium Chronicle #2: walka z problemami z pojawianiem się testu
Niepewne wyniki to częsty problem w Chrome. Wpływają one na produktywność innych deweloperów, a z czasem zostają wyłączone. W tym miesiącu pokażemy, jak walczyć z brakiem wyników w testach.
- Chrome
W Chrome 76 możesz ukryć minipasek informacyjny na ekranie głównym,
Większa kontrola nad minipaskiem informacyjnym na potrzeby PWA w Chrome 76.
- Chrome
Rzeczywistość rozszerzona z osobą do oglądania modeli
W lutym wprowadziliśmy komponent internetowy przeglądającego model, który umożliwia deklaratywne dodawanie modelu 3D do strony internetowej. Teraz ogłaszamy obsługę AR na Androidzie z dodaniem atrybutu ar.
- Chrome
Wstrzymywanie rysowania – ograniczanie bieli w przypadku nawigacji w tej samej domenie
Krótkie omówienie przechowywania farby. Funkcja Chrome redukująca miganie białego tła w elementach nawigacyjnych z tego samego źródła
- Chrome
Unikaj wielokrotnych przekierowań
Dowiedz się, dlaczego przekierowania stron spowalniają wczytywanie strony i jak tego uniknąć.
Usuń nieużywany kod CSS
Więcej informacji o kontroli nieużywanych reguł-css.
Strona nie zawiera elementu HTML doctype, przez co aktywuje tryb osobliwości
Dowiedz się, jak dopilnować, aby strona nie uruchamiała trybu osobliwości w starszych przeglądarkach.
Unikaj bardzo dużych ładunków sieciowych
Dowiedz się, jak poprawić czas wczytywania strony internetowej przez zmniejszenie całkowitego rozmiaru plików zasobów udostępnianych użytkownikom.
Używa pamięci podręcznej aplikacji
Dowiedz się, jak przenieść stronę internetową z wycofanej pamięci podręcznej aplikacji do interfejsu Cache API.
Strona ma logiczną kolejność kart
Dowiedz się, jak ułatwić użytkownikom klawiatury poruszanie się po stronie internetowej, umieszczając tabulatory w logicznej kolejności.
W dokumencie nie są używane czytelne rozmiary czcionek
Dowiedz się więcej o audycie Lighthouse, które „Dokument nie używa czytelnych rozmiarów czcionek”.
Włącz kompresję tekstu
Dowiedz się, jak włączenie kompresji tekstu może przyspieszyć wczytywanie strony.
Plik robots.txt jest nieprawidłowy
Dowiedz się więcej o nieprawidłowym pliku robots.txt podczas kontroli Lighthouse.
Linki do innych domen są niebezpieczne
Dowiedz się, jak bezpiecznie tworzyć linki do zasobów na innym hoście.
Wyświetla obrazy o nieprawidłowym formacie
Dowiedz się, jak wyświetlać elastyczne obrazy o prawidłowym współczynniku proporcji.
Wcześniej połącz się z wymaganymi źródłami
Dowiedz się więcej o kontroli use-rel-preconnect.
Ustaw odpowiedni rozmiar obrazów
Dowiedz się więcej o kontroli obrazów use-responsive-images.
Ogranicz wpływ kodu zewnętrznego
Dowiedz się, jak zewnętrzny kod, np. sieci reklamowe i usługi analityczne, wpływa na szybkość wczytywania stron oraz jak możesz zoptymalizować kod innej firmy.
Wyświetlaj zasoby statyczne, korzystając z wydajnej zasady pamięci podręcznej
Dowiedz się, jak buforowanie zasobów statycznych strony internetowej może zwiększyć jej wydajność i niezawodność w przypadku powracających użytkowników.
Pierwsze wyrenderowanie elementu znaczącego
Dowiedz się więcej o wycofanym pierwszym wyrenderowaniu elementu znaczącego z Lighthouse oraz o tym, jak je mierzyć i optymalizować.
Obejmuje biblioteki JavaScript interfejsu użytkownika ze znanymi lukami w zabezpieczeniach
Dowiedz się, jak zwiększyć bezpieczeństwo swojej strony, zastępując biblioteki JavaScript, które zawierają znane luki w zabezpieczeniach.
Uporządkowane dane są prawidłowe
Dowiedz się więcej o audycie Lighthouse, „Uporządkowane dane są prawidłowe”
Elementy sterujące niestandardowe mają powiązane etykiety
Dowiedz się, jak poprawić ułatwienia dostępu, upewniając się, że wszystkie niestandardowe elementy sterujące mają etykiety, do których mają dostęp użytkownicy technologii wspomagających osoby z niepełnosprawnością.
Znaczniki i miary czasu działań użytkownika
Dowiedz się, jak interfejs User Timing API może Ci pomóc w uzyskaniu rzeczywistych danych o skuteczności Twojej strony internetowej.
Dokument nie ma prawidłowego atrybutu hreflang
Dowiedz się, że „Dokument nie ma prawidłowego atrybutu hreflang” – sprawdź w Lighthouse.
Dokument nie ma prawidłowego atrybutu rel=canonical
Dowiedz się więcej o tym, że dokument nie ma prawidłowego audytu elementu rel=canonical" Lighthouse.
Elementy orientacyjne HTML5 są używane do ulepszania nawigacji
Dowiedz się, jak poprawić dostępność strony internetowej przez podanie punktów orientacyjnych, za pomocą których użytkownicy klawiatury mogą się poruszać.
Minifikuj CSS
Więcej informacji o kontroli kodu Unminified-css.
Skrócenie czasu odpowiedzi serwera
Dowiedz się więcej o kontroli czasu odpowiedzi serwera.
Renderowanie z małym opóźnieniem z zdesynchronizowaną wskazówką
Aplikacje do rysowania oparte na rysikach przeznaczone do internetu mają problemy z opóźnieniami, ponieważ strona internetowa musi synchronizować aktualizacje grafiki z interfejsem DOM. Desynchroniczna wskazówka dotycząca kontekstu pomija DOM, aby wyeliminować opóźnienie.
- Chrome
Używanie detektorów pasywnych do poprawy działania przewijania
Dowiedz się, jak poprawić reagowanie stron na przewijanie, unikając pasywnych detektorów zdarzeń.
Wyeliminuj zasoby blokujące renderowanie
Dowiedz się więcej o kontroli zasobów blokujących renderowanie.
Używa wycofanych interfejsów API
Dowiedz się, jak usuwać i zastępować wycofane interfejsy API ze strony internetowej.
Szacowany czas oczekiwania na wprowadzenie danych
Dowiedz się więcej o danym szacowanym czasie oczekiwania na wejście w Lighthouse oraz o tym, jak go mierzyć i optymalizować.
Czas do pełnej interaktywności
Dowiedz się więcej o danych dotyczących czasu do pełnej interaktywności w Lighthouse oraz o tym, jak je mierzyć i optymalizować.
Dokument używa wtyczek
Dowiedz się więcej o audycie „Dokument używa wtyczek”
Skrócenie czasu wykonywania JavaScriptu
Dowiedz się, jak wykonywanie kodu JavaScript może spowalniać działanie strony i jak możesz je przyspieszyć.
Zminimalizuj aktywność głównego wątku
Dowiedz się więcej o głównym wątku przeglądarki i o tym, jak możesz zoptymalizować stronę internetową, aby zmniejszyć obciążenie głównego wątku i zwiększyć wydajność.
Liczba żądań powinna być niewielka, a rozmiar transferu
Dowiedz się, jak duża liczba zasobów i duży rozmiar transferu wpływają na wydajność obciążenia. Poznaj strategie redukcji liczby żądań i wielkości transferów.
Maksymalne możliwe opóźnienie przy pierwszym działaniu
Dowiedz się więcej o wycofanych danych dotyczących maksymalnego potencjalnego opóźnienia przy pierwszym działaniu w Lighthouse oraz o tym, jak je mierzyć i optymalizować.
Interaktywne elementy sterujące można zaznaczyć za pomocą klawiatury
Dowiedz się, jak sprawić, aby niestandardowe elementy sterujące na stronie internetowej można było wybrać, aby były dostępne dla użytkowników klawiatury.
Zmniejsz JavaScript
Dowiedz się więcej o audycie JavaScript bez ograniczeń.
Błędy przeglądarki zostały zarejestrowane w konsoli
Dowiedz się, jak identyfikować i naprawiać błędy w przeglądarce.
Używaj formatów wideo w przypadku treści animowanych
Dowiedz się więcej o kontroli treści efektywnych-animowanych.
Pierwsze wyrenderowanie treści
Dowiedz się więcej o pierwszym wyrenderowaniu treści w Lighthouse oraz o tym, jak je mierzyć i optymalizować.
Elementy interaktywne wskazują ich przeznaczenie i stan
Dowiedz się, jak poprawić dostępność niestandardowych elementów sterujących na swojej stronie internetowej przez jasne przedstawienie ich celu i stanu dla wszystkich użytkowników.
Indeksowanie strony jest zablokowane
Dowiedz się więcej o zablokowaniu indeksowania strony i kontroli Lighthouse
Strona ma kod stanu HTTP oznaczający niepowodzenie
Dowiedz się więcej o kodzie „Strona ma kod stanu HTTP „Niepowodzenie” oraz audyt Lighthouse.
Używa document.write()
Dowiedz się, jak skrócić czas wczytywania strony, unikając metody document.write().
Ustawienia niestandardowe mają role ARIA
Dowiedz się, jak ulepszyć ułatwienia dostępu, dodając atrybuty ARIA do niestandardowych elementów sterujących, aby technologie wspomagające mogły je interpretować.
Odrocz obrazy poza ekranem
Dowiedz się więcej o kontroli obrazów poza ekranem.
Uniemożliwia wklejanie w polach do wprowadzania danych
Dowiedz się, jak poprawić wygodę użytkowników korzystających z ekranu logowania w witrynie przez umożliwienie im wklejania w polach do wprowadzania danych.
Użytkownik jest kierowany na nowe treści dodane do strony.
Dowiedz się, jak wprowadzać zmiany w stanie aplikacji internetowej w sposób zrozumiały dla użytkowników technologii wspomagających, koncentrując się na nowo dodanych treściach.
Wstępnie wczytuj żądania klucza
Więcej informacji o kontroli use-rel-preload.
Pyta o zgodę na geolokalizację podczas wczytywania strony
Dowiedz się, jak odpowiedzialnie prosić o dostęp do geolokalizacji w sposób, który zapewni użytkownikom satysfakcję.
Indeks prędkości
Dowiedz się więcej o wskaźniku szybkości w Lighthouse i o tym, jak go zoptymalizować.
Pyta o zgodę na wyświetlanie powiadomień podczas wczytywania strony
Dowiedz się, jak odpowiedzialnie prosić o zgodę na wyświetlanie powiadomień, tak aby użytkownicy byli zadowoleni.
Technologia wspomagająca osoby z niepełnosprawnością ukryła treści poza ekranem
Dowiedz się, jak ulepszyć dostępność dla użytkowników technologii wspomagających, ukrywając przed nimi treści znajdujące się poza ekranem.
Linki nie mają opisowego tekstu
Dowiedz się więcej o audytach w Lighthouse „Linki nie mają tekstu opisowego”.
Dokument nie ma metaopisu
Dowiedz się więcej o audycie „Dokument nie ma metaopisu”
Użyj efektywnego kodowania obrazów
Dowiedz się więcej o kontroli obrazów use-Optimized-images.
Pierwszy nieaktywny procesor
Dowiedz się więcej o wycofanej przez Lighthouse, wycofanej wskaźniku bezczynności procesora i o tym, jak je zoptymalizować.
Nie używa HTTP/2 dla wszystkich swoich zasobów
Dowiedz się, dlaczego protokół HTTP/2 jest ważny dla czasu wczytywania Twojej strony i jak włączyć protokół HTTP/2 na serwerze.
Kolejność wizualna na stronie jest zgodna z kolejnością DOM
Dowiedz się więcej o kontroli wizualnej-kolejności śledzenia.
Elementy dotykowe nie mają odpowiedniego rozmiaru
Dowiedz się więcej o audytach w Lighthouse i o tym, że elementy dotykowe nie mają odpowiedniego rozmiaru.
Wyświetlaj obrazy w nowoczesnych formatach
Więcej informacji o kontroli use-webp-images.
Wycofywanie i usuwanie w Chrome 75
Przegląd wycofywanych i usuniętych funkcji w Chrome 75, które ułatwią Ci planowanie.
- Chrome
fokus użytkownika nie jest przypadkiem uwięziony w regionie;
Dowiedz się, jak poprawić ułatwienia dostępu dla użytkowników klawiatury przez zapobieganie uwięzieniu fokusu w określonym obszarze strony.
Unikaj łańcuchów żądań krytycznych
Dowiedz się, co to są łańcuchy żądań o znaczeniu krytycznym, jak wpływają na wydajność stron internetowych i jak możesz ograniczyć ich skutki.
Wykryte biblioteki JavaScript
Dowiedz się więcej o audytach diagnostycznych Lighthouse i wykrytych bibliotekach JavaScriptu.
Nowości w Chrome 74
Z okazji Google I/O zbliża się Chrome 74! Dodaje obsługę pól klas prywatnych, wykrywa, kiedy użytkownik prosi o ograniczenie ruchu, obsługuje zdarzenia przejścia CSS i wiele innych funkcji. Przyjrzyjmy się nowościom dla deweloperów w Chrome 74.
- Chrome
Komunikaty logu w konsoli
Dowiedz się, jak rejestrować komunikaty w konsoli.
- Narzędzia deweloperskie w Chrome
Obserwowanie wartości JavaScript w czasie rzeczywistym za pomocą wyrażeń na żywo
Jeśli zdarza Ci się wielokrotnie wpisywać w konsoli te same wyrażenia JavaScript, wypróbuj funkcję Live Expression.
- Narzędzia deweloperskie w Chrome
Informacje o funkcjach konsoli
Kompleksowe informacje na temat wszystkich funkcji i działań związanych z interfejsem konsoli w Narzędziach deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Nowości w Narzędziach deweloperskich (Chrome 75)
Możesz używać gotowych ustawień autouzupełniania, wyczyścić dane witryn z menu poleceń i wykonać wiele innych czynności.
- Chrome
Chromium Chronicle #1: sprawdzone metody dotyczące planowania zadań
Zespół Chrome z dumą prezentuje Chromium Chronicle – comiesięczną serię stworzoną specjalnie dla deweloperów Chromium – twórców, którzy tworzą przeglądarkę. W tym miesiącu przyjrzymy się sprawdzonym metodom planowania zadań.
- Chrome
Wyświetl dane z pamięci podręcznej
Jak wyświetlić dane z pamięci podręcznej w panelu Aplikacje w Narzędziach deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Wyświetl dane Web SQL
Jak wyświetlić dane Web SQL w panelu Aplikacja w Narzędziach deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Wycofane: wyświetlanie danych pamięci podręcznej aplikacji za pomocą Narzędzi deweloperskich w Chrome
Jak wyświetlić dane pamięci podręcznej aplikacji w panelu Aplikacje w Narzędziach deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Wycofywanie i usuwanie w Chrome 74
Przegląd wycofywanych i usuniętych elementów w Chrome 74, które ułatwią Ci planowanie.
- Chrome
Obecnie wybrany węzeł DOM
Poznaj skrót do szybkiej konsoli, aby pobrać aktualnie wybrany węzeł DOM.
- Chrome
Wyświetlanie i zmienianie danych IndexedDB
Jak wyświetlać i zmieniać dane IndexedDB za pomocą panelu aplikacji i fragmentów kodu.
- Narzędzia deweloperskie w Chrome
Wyświetlanie i edytowanie pamięci lokalnej
Jak wyświetlać i edytować „localStorage” w panelu pamięci lokalnej i konsoli.
- Narzędzia deweloperskie w Chrome
Wyświetlanie i edytowanie pamięci sesji
Jak wyświetlać i edytować element „sessionStorage” w panelu Pamięć sesji i konsoli.
- Narzędzia deweloperskie w Chrome
Nowości w Chrome 73
Chrome 73 ułatwia tworzenie przenośnych treści dzięki Signed Exchange HTTP. Dynamiczna zmiana stylów staje się znacznie łatwiejsza dzięki konstrukcjom arkuszy stylów. Dodano obsługę progresywnych aplikacji internetowych na komputerach Mac oraz obsługę PWA na wszystkich platformach stacjonarnych i mobilnych, co ułatwia tworzenie instalowanych aplikacji dostarczanych z internetu. Przyjrzyjmy się nowościom dla deweloperów w Chrome 73.
- Chrome
KV Storage – pierwszy wbudowany moduł w sieci
Wprowadzenie do nowego interfejsu KV Storage API, wbudowanych modułów i importowania map.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 74)
Zaznacz węzły, na które wpływa właściwość CSS, Lighthouse w wersji 4, przeglądarka komunikatów binarnych WebSocket i inne.
- Chrome
Rozpoczynanie wyświetlania i zmieniania DOM
Jak wyświetlać węzły, wyszukiwać je, edytować, odnosić się do węzłów w konsoli i wykonywać inne czynności.
- Narzędzia deweloperskie w Chrome
Zespół Web Dev Ecosystem – podsumowanie lutego
Podsumowując luty, podsumowujemy wydarzenia w zespole ekosystemu programistów stron internetowych.
- Chrome
Migracja z Workbox 3 do 4
Przewodnik na temat migracji z Workbox 3 do 4.
okno-skrzynki roboczej
Moduł, który pomaga zarejestrować skrypt service worker, zarządzać aktualizacjami i odpowiadać na zdarzenia cyklu życia.
Zastępowanie ścieżki często używanej w kodzie JavaScript aplikacji za pomocą WebAssembly
Jedną z głównych zalet WebAssembly jest _przewidywalna_ wydajność w różnych przeglądarkach. Jak jednak przekształcić ścieżkę często wykonywanych operacji napisaną w JavaScript w WebAssembly?
- Chrome
Lepsze wyniki dopasowania za pomocą funkcji String.prototype.matchAll()
W Chrome 73 wprowadzamy metodę String.prototype.matchAll(). Działa podobnie do match(), ale zapewnia prosty sposób powtarzania dopasowań, zwłaszcza gdy potrzebujesz dostępu do grup przechwytywania.
- Chrome
Wycofywanie i usuwanie w Chrome 73
Przegląd wycofywanych i usuniętych funkcji w Chrome 73, które pomogą Ci zaplanować działania.
- Chrome
Domyślne szybkie przewijanie pokrętła
Reagowanie na przewijanie ma kluczowe znaczenie dla zaangażowania użytkownika w stronę mobilną, ale detektor zdarzeń koła często powoduje poważne problemy z działaniem przewijania. Dowiedz się, jak domyślnie pomagamy użytkownikom i deweloperom działać szybciej.
- Chrome
Aktualności multimedialne w Chrome 73
Obsługa sprzętowych kluczy multimedialnych, sprawdzanie zasad HDCP, testowanie źródła obrazu w obrazie i inne funkcje.
- Chrome
Błyskawiczne szablony i komponenty internetowe – lit-html i LitElement
Technologie lit-html i LitElement wprowadzają szybkie, lekkie szablony i współdziałające komponenty we współczesnym internecie.
- Chrome
Uruchamiamy wersję próbną RTCQuicTransport w pobliżu (Chrome 73)
RTCQuicTransport to nowy interfejs API na platformie internetowej, który umożliwia wymianę dowolnych danych ze zdalnymi aplikacjami równorzędnymi za pomocą protokołu QUIC.
- Chrome
Wyłącz JavaScript
Otwórz menu poleceń i uruchom polecenie Wyłącz JavaScript.
- Narzędzia deweloperskie w Chrome
Pakiety stosu Prototyping dla Lighthouse
Zamiast prezentować tylko uogólnione porady, pakiety stosu wzbogacą Lighthouse o dodatkowe komunikaty dotyczące konkretnych narzędzi.
- Chrome
Nowości w Chrome 72
W Chrome 72 tworzenie pól klas publicznych w języku JavaScript jest teraz znacznie bardziej przejrzyste. Możesz sprawdzić, czy strona została aktywowana za pomocą nowego interfejsu User Activation API, lokalizacja list jest o wiele łatwiejsza i nie tylko. Przyjrzyjmy się nowościom dla deweloperów w Chrome 72.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 73)
Punkty logowania, szczegółowe etykietki w trybie inspekcji i inne funkcje.
- Chrome
Spójność aktywacji użytkowników we wszystkich interfejsach API
Chrome udostępnia wersję 72 narzędzia Aktywacja użytkownika w wersji 2, dzięki czemu aktywacja użytkownika jest kompletna we wszystkich interfejsach API wymagających aktywacji, co rozwiązuje wiele problemów związanych z aktywacją użytkowników.
- Chrome
Interfejs Character Detection API: obraz wart jest tysiąc słów, twarzy i kodów kreskowych
Character Detection API wykrywa twarze, kody kreskowe i tekst na obrazach.
Tworzenie urządzenia na potrzeby WebUSB
Utwórz urządzenie, aby w pełni korzystać z interfejsu WebUSB API. Z tego artykułu dowiesz się, jak zbudować urządzenie, aby w pełni korzystać z interfejsu WebUSB API. Krótkie wprowadzenie do interfejsu API znajdziesz w artykule Dostęp do urządzeń USB
Nie usypiaj dzięki interfejsowi Screen Wake Lock API
Aby uniknąć rozładowywania baterii, większość urządzeń pozostających nieaktywnych szybko przechodzi w tryb uśpienia. W większości przypadków jest to prawidłowe, jednak niektóre aplikacje wymagają wybudzania ekranu, aby wykonać niektóre czynności. Interfejs Screen Wake Lock API umożliwia zapobieganie przyciemnianiu lub zablokowaniu ekranu przez urządzenie, gdy aplikacja musi nieprzerwanie działać.
Wycofywanie i usuwanie w Chrome 72
Przegląd wycofywanych i usuniętych funkcji w Chrome 72, które pomogą Ci zaplanować działania.
- Chrome
Otwórz Narzędzia deweloperskie w Chrome
Wszystkie sposoby otwierania Narzędzi deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Śledź ostrość elementu
Otwórz konsolę, utwórz wyrażenie aktywne i ustaw wyrażenie na document.activeElement.
- Narzędzia deweloperskie w Chrome
Plakietki ikon aplikacji
Interfejs App Badging API umożliwia zainstalowanym aplikacjom internetowym ustawienie plakietki dla całej aplikacji wyświetlanej w określonym miejscu powiązanym z systemem operacyjnym, np. na półce lub na ekranie głównym. Plakietki ułatwiają subtelne powiadamianie użytkownika o nowych działaniach, które mogą wymagać jego uwagi. Mogą też służyć do oznaczania niewielkiej ilości informacji, np. liczby nieprzeczytanych elementów.
Nowości w Chrome 71
Chrome 71 ułatwia wyświetlanie względnych wartości czasu dzięki nowemu interfejsowi API Intl.RelativeTimeFormat(). W przypadku tekstu układanego pionowo możesz określić, po której stronie tekstu ma być podkreślone. Korzystanie z interfejsu API syntezy mowy wymaga teraz aktywacji użytkownika, zanim komputer zacznie mówić do Ciebie. Przyjrzyjmy się nowościom dla deweloperów w Chrome 71.
- Chrome
Przedstawiamy pobieranie w tle
Pobieranie w tle umożliwia obsługę dużych plików do pobrania nawet po zamknięciu przeglądarki.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 72)
Wizualizacja danych o wydajności, wyróżnianie węzłów tekstowych, kopiowanie ścieżki JS do węzła DOM oraz aktualizacje panelu audytów.
- Chrome
Audio w internecie, zasady autoodtwarzania i gry
We wrześniu 2017 r. ogłosiliśmy nadchodzącą zmianę sposobu obsługi dźwięku w ramach zasad dotyczących automatycznego odtwarzania w Chrome. Zmiana zasad została wprowadzona w Chrome 66 w wersji stabilnej w maju 2018 r. Po otrzymaniu opinii od
- Chrome
Stan nowych możliwości
Aplikacje internetowe powinny być w stanie wykonywać wszystkie funkcje aplikacji na poszczególne platformy. Dowiedz się, jaki jest stan nowych funkcji aplikacji internetowych.
Podpisane wymiany HTTP
Signed Exchange umożliwia witrynom podpisywanie treści internetowych w taki sposób, aby można je było bezpiecznie rozpowszechniać i weryfikować, skąd pochodzą.
- Chrome
Wycofywanie i usuwanie w Chrome 71
Przegląd wycofywanych i usuniętych elementów w Chrome 71, które pomogą Ci zaplanować działania.
- Chrome
Oglądanie filmu w trybie obrazu w obrazie
Zarządzanie ustawieniami obrazu w obrazie w elementach filmów w swojej witrynie.
- Chrome
Aktualizacje dźwięku i wideo w Chrome 70
Podsumowanie aktualizacji audio i wideo w Chrome 70 – buforowanie i odtwarzanie między koderami i w różnych strumieniach bajtów, Opus w formacie MP4 z MSE oraz odtwarzanie treści chronionych domyślnie dozwolone w Androidzie.
- Chrome
Nowości w Chrome 70
Chrome 70 dodaje obsługę progresywnych aplikacji internetowych w systemach Windows i Linux, obsługę danych logowania klucza publicznego do interfejsu Credential Management API, nadawanie nazw dedykowanym pracownikom i wiele innych funkcji. Przyjrzyjmy się nowościom dla deweloperów w Chrome 70.
- Chrome
Poprawiono funkcje cache.addAll() i importScripts() w Chrome 71.
Niewielkie zmiany pojawią się w cache.addAll() i importScripts, a także w Chrome 71.
- Chrome
Problemy z czasem malowania w Chrome 69
W Chrome 69 wprowadzono nieprawidłową zmianę w naszych danych dotyczących czasu renderowania. Miała ona przechwytywać większą część procesu renderowania, ale w efekcie pojawiły się niedokładne sygnatury czasowe.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 71)
Wyróżniaj węzły DOM w wyrażeniach na żywo, przechowuj węzły jako zmienne globalne i korzystaj z innych funkcji.
- Chrome
Worklet animacji Houdiniego
Worklet animacji umożliwia pisanie imperatywnych animacji, które będą uruchamiane z natywną liczbą klatek na urządzeniu, co zapewnia niezakłócony, płynny przebieg animacji, sprawia, że animacje są bardziej odporne na zawinięcie głównego wątku i można je przewijać zamiast w czasie.
- Chrome
Opcje użytkownika dotyczące uprawnień hosta: przewodnik dotyczący przenoszenia kont
Wskazówki dotyczące aktualizowania rozszerzeń w celu obsługi zmian uprawnień hosta w czasie działania począwszy od Chrome 70.
- Rozszerzenia do Chrome
Nowoczesna przeglądarka internetowa (część 4)
Obsługa zdarzeń wejściowych za pomocą wątku kompozytora
- Chrome
Nowoczesna przeglądarka internetowa (część 3)
Wewnętrzne działanie mechanizmu renderowania przeglądarki
- Chrome
Aktualności multimedialne w Chrome 70
Buforowanie i odtwarzanie w ramach kodowania krzyżowego i międzybajtowego, Opus w formacie MP4 z MSE oraz odtwarzanie treści chronionych domyślnie dozwolone na Androidzie.
- Chrome
Elementy wycofane i usunięte w Chrome 70
Przegląd wycofywanych i usuniętych elementów w Chrome 68, które pomogą Ci zaplanować działania.
- Chrome
Nowoczesna przeglądarka internetowa (część 2)
Dowiedz się, jak przeglądarka obsługuje żądania nawigacji.
- Chrome
Dostęp asynchroniczny do plików cookie HTTP
Interfejs Cookie Store API zapewnia asynchroniczny dostęp do plików cookie HTTP i otwiera plik cookie dla mechanizmów Service Worker.
- Chrome
Nowoczesna przeglądarka internetowa (część 1)
Dowiedz się, jak przeglądarka przekształca Twój kod w funkcjonalną witrynę – od architektury wysokiego poziomu po specyfikę potoku renderowania.
- Chrome
Nowości w Chrome 69
Od premiery Chrome minęło 10 lat. Od tego czasu wiele się zmieniło, ale nasz cel, jakim jest stworzenie solidnych podstaw dla nowoczesnych aplikacji internetowych, nadal się zmienia. W Chrome 69 obsługujemy przyciąganie przewijane w CSS oraz obsługę wycięć i blokad internetowych, a także kilka nowych, przydatnych funkcji CSS4. Przyjrzyjmy się nowościom dla deweloperów Chrome w wersji 69.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 70)
Wyrażenia na żywo w konsoli, wyróżnianie węzłów DOM podczas Eager Evaluation i inne działania.
- Chrome
Aktualności multimedialne w Chrome 69
Ogólne informacje o aktualizacjach multimediów w Chrome 69: sprawdzanie zgodności z zasadami AV1 i HDCP.
- Chrome
ReportingObserver: sprawdzanie stanu kodu
RaportowanieObserver zapewnia programistom wgląd w działanie ich kodu w środowisku naturalnym. RaportowanieObserver wyświetla informacje o problemach takich jak wycofania i interwencje, czyli wiadomości, które wcześniej były dostępne tylko w konsoli DevTools.
- Chrome
W przypadku wyszukiwarki i Google Ads szybkość ma teraz wpływ na stronę docelową
W wyszukiwarce i Google Ads szybkość ma teraz wpływ na stronę docelową.
- Chrome
Nowości w Chrome 68
Chrome 68 wprowadza zmiany w działaniu dodawania do ekranu głównego w Androidzie, zapewniając Ci większą kontrolę. Interfejs API cyklu życia strony informuje o tym, kiedy karta została zawieszona lub przywrócona. Interfejs Payment Handler API umożliwia też internetowym aplikacjom do płatności obsługę Payment Request. Przyjrzyjmy się nowościom dla deweloperów w Chrome 68.
- Chrome
Przedstawiamy NoState Prefetch
Chrome 63 jest dostarczany z funkcją wstępnego pobierania NoState. NoState Prefetch to mechanizm pobierania zasobów z wyprzedzeniem, który wykorzystuje mniej pamięci niż wycofany proces wstępnego renderowania.
- Chrome
PWACompat – plik manifestu aplikacji internetowej dla wszystkich przeglądarek
Użyj biblioteki PWACompat, aby przenieść plik manifestu aplikacji internetowej do wszystkich przeglądarek.
- Chrome
workbox-nawigacja-wstępne wczytanie
Włącz wstępne wczytywanie nawigacji, aby szybciej otrzymywać odpowiedzi sieciowe na żądania nawigacji.
Izolacja witryn dla programistów stron internetowych
W Chrome 67 na komputerze jest domyślnie włączona nowa funkcja o nazwie Izolacja witryn\*. W tym artykule wyjaśniamy, na czym polega izolacja witryn, dlaczego jest konieczna i dlaczego deweloperzy powinni o niej wiedzieć.
Eksperymentowanie z opóźnieniem przy pierwszym działaniu w raporcie na temat wygody użytkowników Chrome
Dodaliśmy eksperymentalne dane dotyczące opóźnienia przy pierwszym działaniu (FID) do Raportu na temat użytkowania Chrome.
- Chrome
Wprowadzenie do zasad dotyczących funkcji
Zasady dotyczące funkcji umożliwiają programistom włączanie, wyłączanie i modyfikowanie działania określonych interfejsów API i funkcji w przeglądarce. To jak CSP, ale dla funkcji! Wysyłana w Chrome 60.
- Chrome
Informacje o limicie miejsca na dane
Przewodnik po konfigurowaniu Workbox w celu uniknięcia problemów z limitem miejsca na dane.
Więcej natywnego usuwania echa
Więcej obsługi natywnego usuwania echa
- Chrome
Wzorzec projektu Worklet audio
Wzorzec projektu Worklet audio
- Chrome
Rzeczywistość rozszerzona w internecie
Rzeczywistość rozszerzona umożliwia umieszczanie i śledzenie wirtualnych obiektów w widoku świata rzeczywistego.
- Chrome
Chacmool: rzeczywistość rozszerzona w Chrome Canary
Chacmool to edukacyjna internetowa wersja demonstracyjna, która pokazuje, jak w łatwy sposób AR w internecie może być bardzo wciągające.
- Chrome
Najczęstsze pytania dotyczące migracji procesu wycofania instalacji bezpośredniej
Najczęstsze pytania o wycofywanie wbudowanych instalacji rozszerzeń do Chrome.
- Rozszerzenia do Chrome
Elementy wycofane i usunięte w Chrome 68
Przegląd wycofywanych i usuniętych elementów w Chrome 68, które pomogą Ci zaplanować działania.
- Chrome
Zmiany w działaniu dodawania do ekranu głównego
Od Chrome 68 na urządzeniach z Androidem sposób dodawania do ekranu głównego zmienia się, aby umożliwić Ci większą kontrolę nad tym, kiedy i w jaki sposób użytkownik może zobaczyć prośbę. Jeśli Twoja witryna spełnia kryteria „Dodaj do ekranu głównego”, Chrome nie będzie już automatycznie wyświetlać banera dodawania do ekranu głównego. Zamiast tego musisz wywołać prompt() w zapisanym zdarzeniu beforeinstallprompt, aby wyświetlić użytkownikom prośbę o dodanie do ekranu głównego.
- Chrome
Nowości w Chrome 67
W Chrome 67 progresywne aplikacje internetowe są dostępne na komputerze. Dodaje obsługę ogólnego interfejsu API czujników, który ułatwia dostęp do czujników urządzenia, takich jak akcelerometr, żyroskop i inne. Oprócz tego obsługa formatu BigInts ułatwia pracę z dużymi liczbami całkowitymi. Przyjrzyjmy się nowościom dla deweloperów Chrome w wersji 67.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 68)
Niechciana ocena, wskazówki dotyczące argumentów, autouzupełnianie funkcji, Lighthouse 3.0 i inne.
- Chrome
Włączanie silnego uwierzytelniania za pomocą WebAuthn
W Chrome 67 w wersji beta wprowadziliśmy interfejs Web Authentication (WebAuthn), który umożliwia przeglądarkom interakcję z danymi logowania opartymi na kluczu publicznym oraz zarządzanie nimi. Umożliwia to silne uwierzytelnianie za pomocą wyjmowanych kluczy bezpieczeństwa oraz wbudowanych aplikacji uwierzytelniających, takich jak czytniki linii papilarnych.
Korzystanie z Lighthouse do usprawnienia wczytywania stron
Nowe audyty wydajności dotyczące wstępnego wczytywania, wstępnego łączenia, GIF-ów i innych elementów.
- Chrome
Przewodnik po migracji do Lighthouse w wersji 3
Jak przejść z Lighthouse v2 na v3
Przedstawiamy Lighthouse 3.0
Szybsze kontrole, mniej wariancji, nowy interfejs raportów, nowe kontrole i inne korzyści.
- Chrome
Elementy wycofane i usunięte w Chrome 67
Przegląd wycofywanych i usuniętych funkcji w Chrome 67, które pomogą Ci zaplanować działania. W tej wersji wycofaliśmy przypinanie klucza publicznego, usunięto pamięć podręczną aplikacji w niezabezpieczonych kontekstach i więcej usuwania prefiksów.
- Chrome
Przejdź na skrypty działające w tle oparte na zdarzeniach
Jak przenieść stały skrypt działający w tle do nietrwałego modelu opartego na zdarzeniach, aby zwiększyć wydajność rozszerzenia do Chrome.
- Rozszerzenia do Chrome
Uruchamianie JavaScriptu w konsoli
Dowiedz się, jak uruchamiać JavaScript w konsoli.
- Narzędzia deweloperskie w Chrome
Nowości w Chrome 66
Chrome 66 ułatwia manipulację arkuszami CSS dzięki nowemu obiektowi modelu CSS z typem CSS. Dostęp do schowka jest teraz asynchroniczny, wprowadzono nowy kontekst renderowania elementów canvas i lepszy sposób przetwarzania dźwięku za pomocą JavaScriptu. Przyjrzyjmy się nowościom dla deweloperów w Chrome 66.
- Chrome
Osiągnij maksymalną skuteczność
Wskazówki dotyczące tworzenia wydajnego rozszerzenia do Chrome.
- Rozszerzenia do Chrome
Nowości w Narzędziach deweloperskich (Chrome 67)
Możesz przeszukiwać nagłówki sieciowe, kopiować żądania jako pobieranie, kontrolować strony pod kątem warunków korzystania z komputerów i korzystać z wielu innych funkcji.
- Chrome
Edytowanie i zapisywanie plików w obszarze roboczym
Dowiedz się, jak zapisać zmiany wprowadzone w Narzędziach deweloperskich w plikach źródłowych.
- Narzędzia deweloperskie w Chrome
Wyświetlanie stron internetowych na dodatkowych podłączonych wyświetlaczach
Chrome 66 pozwala stronom internetowym korzystać z dodatkowego wyświetlacza za pomocą interfejsu Presentation API i kontrolować jego zawartość za pomocą interfejsu Presentation Received API.
- Chrome
Wycofanie i usuwanie w Chrome 66
Przegląd wycofywanych i usuniętych elementów w Chrome 66, które pomogą Ci zaplanować działania. W tej wersji ulepszyliśmy zabezpieczenia skryptu service worker i poprawiliśmy wartości pozycji CSS.
- Chrome
Natywne usuwanie echa w systemie macOS
Korzystanie z natywnego reduktora echa w macOS w Chrome
- Chrome
Najczęstsze pytania dotyczące SmooshGate
Czego można dowiedzieć się z SmooshGate na temat opracowywania standardów i platformy internetowej? Ten raport zawiera ogólne informacje.
- Chrome
Ochrona prywatności użytkowników
Wskazówki dotyczące zapewnienia, że rozszerzenie do Chrome chroni prywatność użytkownika.
- Rozszerzenia do Chrome
Ochrona prywatności użytkowników
Wskazówki dotyczące zapewnienia, że rozszerzenie do Chrome chroni prywatność użytkownika.
- Rozszerzenia do Chrome
Projektowanie interfejsu
Wskazówki dotyczące interfejsu i projektowania rozszerzeń do Chrome.
- Rozszerzenia do Chrome
Migracja z Workbox v2 do v3
Przewodnik na temat migracji z Workbox 2 do 3.
Dbaj o bezpieczeństwo
Jak zabezpieczyć rozszerzenie do Chrome.
- Rozszerzenia do Chrome
Nowości w Chrome 65
Chrome 65 dodaje obsługę nowego interfejsu CSS Paint API, który umożliwia automatyczne generowanie obrazów. Możesz wykorzystać interfejs Server Timing API, aby przekazywać informacje o czasie wydajności serwera za pomocą nagłówków HTTP. Nowa właściwość CSS display: content umożliwia znikanie pól. Przyjrzyjmy się nowościom dla programistów Chrome w wersji 65.
- Chrome
Dbaj o bezpieczeństwo
Jak zabezpieczyć rozszerzenie do Chrome.
- Rozszerzenia do Chrome
Nowości w Narzędziach deweloperskich (Chrome 66)
Możesz ignorować skrypt w panelu Sieć, automatycznie dostosowywać powiększenie w trybie urządzenia i korzystać z innych funkcji.
- Chrome
Aktualizacje Lighthouse 2.8
Nowe audyty wydajności i SEO, stanowiące pierwszą sekcję raportów i wiele innych.
- Chrome
Wycofywanie i usuwanie w Chrome 65
Przegląd wycofywanych i usuniętych funkcji w Chrome 65, które ułatwią Ci planowanie. W tej wersji przypomnienie o certyfikatach firmy Symantec jest zablokowane, pobieranie z innych domen jest zablokowane, a plik document.all jest teraz tylko do odczytu.
- Chrome
Meltdown/Spectre
Konsekwencje dla twórców stron internetowych i łagodzenia skutków działań Chrome.
- Chrome
tworzenie skrzynki roboczej
Moduł, który umożliwia generowanie skryptu service worker, wstawianie pliku manifestu precache do istniejącego kodu lub tworzenie pliku manifestu precache.
Migracja z sw-precache lub sw-toolbox
Przewodnik na temat migracji z sw-precache lub sw-toolbox do Workbox.
Raport na temat użytkowania Chrome – nowy wymiar „Kraj”
Ogłaszamy wprowadzenie nowego wymiaru „Kraj” w Raporcie na temat użytkowania Chrome.
- Chrome
Nowości w Chrome 64
Chrome 64 obsługuje funkcję ResizeObservers, która powiadamia o zmianie rozmiaru prostokąta treści w elemencie. Moduły mają teraz dostęp do metadanych określonych dla hosta za pomocą funkcji import.metadata. Blokowanie wyskakujących okienek jest bardzo skuteczne i działa znacznie lepiej. Przyjrzyjmy się nowościom dla programistów Chrome w wersji 64.
- Chrome
Interfejs API CSS Paint
Interfejs CSS Paint API firmy Houdini pozwala programowo rysować obrazy CSS.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 65)
Lokalne zastąpienia, narzędzia ułatwień dostępu, audyty wydajności i SEO oraz wiele innych funkcji.
- Chrome
Chrome bez interfejsu graficznego: odpowiedź na pytania o renderowanie po stronie serwera witryn JavaScript
Chrome bez interfejsu graficznego to szybkie rozwiązanie służące do przekształcania dynamicznych witryn w języku JavaScript w statyczne strony HTML.
Nowości w Narzędziach deweloperskich (Chrome 64)
Grupowanie w ramach Monitora wydajności, paska bocznego w konsoli i grupowania w konsoli.
- Chrome
Wyłączam wyciszanie szumów sprzętowych
Eksperymentalne wyłączanie sprzętowego wyciszania szumów w Chrome 64.
- Chrome
Powiadomienie o lepszych reklamach
Najnowsze informacje o lepszych reklamach
- Chrome
Workbox-webpack-plugin
Wygeneruj skrypt service worker lub wstrzyknij plik manifestu precache za pomocą narzędzia do tworzenia pakietu webpack.
Raport na temat użytkowania Chrome – dostęp do ponad miliona najważniejszych źródeł
Dzisiaj przedstawiamy nowy Raport na temat użytkowania Chrome, który obejmuje ponad milion najpopularniejszych witryn w internecie.
- Chrome
Własny host w systemie Linux
Jak spakować, hostować i aktualizować pliki CRX na osobistym serwerze dla użytkowników systemu Linux.
- Rozszerzenia do Chrome
Worklet audio jest teraz domyślnie dostępny
Chrome 64 zawiera niecierpliwie oczekiwaną nową funkcję interfejsu Web Audio API – Audio Worklet
- Chrome
Instalowanie rozszerzeń w systemie Linux
Jak pakować, hostować i aktualizować pliki CRX z osobistego serwera.
- Rozszerzenia do Chrome
Chrome 64 wycofa interfejs chrome.loadTimes() API
Niestandardowy interfejs chrome.loadTimes() API zostanie wycofany w Chrome 64, ponieważ wszystkie jego przydatne funkcje są zgodne ze standardami.
- Chrome
Wycofania i usunięcia w Chrome 64
Przegląd wycofywanych i usuniętych funkcji w Chrome 64, które pomogą Ci zaplanować działania. W tej wersji wprowadzono zmiany w interfejsie API wydajności, wycofaliśmy obsługę wielu katalogów głównych i interfejs API WebKit.
- Chrome
Aktualizacje Lighthouse 2.6
Nowe audyty wydajności, odświeżenie wyniku ułatwień dostępu, zgłaszanie ulepszeń UX i poprawki błędów.
- Chrome
Aktualności multimedialne w Chrome 63 i 64
W Chrome 64 czeka na Ciebie przewidywalne odtwarzanie multimediów, HDR w systemie Windows 10, odtwarzanie offline z trwałymi licencjami i inne korzyści.
- Chrome
Device Memory API
Interfejs Device Memory API pozwala deweloperom udostępniać użytkownikom różne zasoby w zależności od ilości pamięci urządzenia.
- Chrome
Nowości w Chrome 63
Chrome 63 umożliwia dynamiczne importowanie modułów JavaScript. Moje ulubione pytanie przy kodowaniu wywiadów staje się rewelacją dzięki asynchronicznym generatorom i generatorom. Możesz też zastąpić domyślne zachowanie przeglądarki dotyczące przewijania rozszerzonego przy użyciu właściwości CSS „Overscroll-behavior”.
- Chrome
Workbox-broadcast-update
Wysyłaj komunikaty do stron, gdy pamięć podręczna zostanie zaktualizowana o nową odpowiedź.
Nowości w Narzędziach deweloperskich (Chrome 63)
Zdalne debugowanie multiklientów, powiadomienia push z danymi niestandardowymi i Workspace 2.0.
- Chrome
skrzynka robocza-synchronizacja-w tle
Synchronizacja w tle umożliwia niezawodne wysyłanie żądań sieciowych nawet wtedy, gdy użytkownik jest offline.
odpowiedź w pamięci podręcznej skrzynki roboczej
Określ, które żądania mają być przechowywane w pamięci podręcznej, na podstawie kodu stanu lub nagłówków odpowiedzi.
Rdzeń skrzynki roboczej
zmieniać poziomy rejestrowania i nazwy pamięci podręcznej; Zawiera udostępniony kod używany przez wszystkie biblioteki Workbox.
routing skrzynki roboczej
Kieruje żądania w mechanizmie Service Worker do określonych strategii buforowania lub funkcji wywołania zwrotnego.
tworzenie buforowania w polu roboczym
Łatwo zapisuj zestaw plików w pamięci podręcznej i skutecznie zarządzaj aktualizacjami plików.
strategie skrzynki roboczej
Zestaw strategii buforowania w czasie działania, które będą odpowiadać na żądania, zwykle używanych z „routingiem skrzynki roboczej”.
workbox-cli
Wygeneruj skrypt service worker, wstrzyknij plik manifestu wstępnego bufora lub utwórz lokalną kopię biblioteki Workbox z wiersza poleceń.
Workbox-google-analytics
Obsługa ponownego odtwarzania interakcji offline z Google Analytics.
pole robocze-sw
Umożliwia wczytanie środowiska wykonawczego Workbox bez kroku kompilacji.
workbox-expiration
Usunięcie żądań z pamięci podręcznej na podstawie liczby elementów w pamięci podręcznej lub wieku żądania.
żądania-zakresu-obszaru roboczego
Ten moduł umożliwia odpowiadanie na żądanie „Zakres:” przy użyciu wycinka danych znajdujących się w pamięci podręcznej.
Przejmij kontrolę nad przewijaniem – dostosuj efekty przeciągnięcia, aby odświeżyć lub przepełnienia
Wprowadzenie do właściwości CSS „Overscroll-behavior”.
- Chrome
Usuwanie tagów ::shadow i /deep/ w Chrome 63
Koniec z przepieraniem cieniem selektorami CSS.
- Chrome
Wycofywanie i usuwanie w Chrome 63
Przegląd wycofywanych i usuniętych funkcji w Chrome 63, które pomogą Ci zaplanować działania. W tej wersji wprowadzono nowe zachowanie dotyczące właściwości interfejsu, usunięcie funkcji webkit i zmiana w RTCRtcpMuxPolicy.
- Chrome
Przekroczono limit buforowania
Problem QuotaExceededError można rozwiązać na kilka sposobów.
- Chrome
Nowości w Chrome 62
Chrome 62 udoskonala interfejs API informacji sieciowych o wskaźniki jakości sieci. Zakończyliśmy obsługę czcionek zmiennych OpenType i umożliwiono przechwytywanie i przetwarzanie strumieni multimedialnych z HTMLMediaElements za pomocą interfejsu Media Capture z DOM items API.
- Chrome
Aktualizacje Lighthouse do wersji 2.5
5 nowych kontroli, samodzielny moduł węzłów w Chrome-launcher i nowy przewodnik po ograniczaniu wykorzystania.
- Chrome
Animowanie rozmycia
Aby skutecznie animować rozmycie, trzeba zadbać o kilka sztuczek.
- Chrome
Zmiany dotyczące WebVR w Chrome 62
Dowiedz się, co się zmieni w interfejsie WebVR API.
- Chrome
Przerwane pobieranie
Przerwanie pobierania przy użyciu nowego elementu podstawowego w przeglądarce – kontrolera przerwania.
- Chrome
Zdarzenie klasy CSS „position:sticky”
Użycie pozycji - sticky i IntersectionObserver do określenia, kiedy elementy stają się przyklejone. Zastosuj efekty przewijania bez zdarzeń przewijania.
Czujniki w internecie
Czujniki są używane w wielu aplikacjach, aby umożliwiać zaawansowane funkcje, takie jak gry, które uwzględniają orientację lub przyspieszenie urządzenia. Interfejs Generic Sensor API zapewnia ogólny interfejs do uzyskiwania dostępu do takich danych czujnika w internecie.
Wycofywanie i usuwanie w Chrome 62
Przegląd funkcji wycofywanych i usuniętych w Chrome 62, które ułatwiają planowanie. W tej wersji wprowadziliśmy między innymi ulepszenia zabezpieczeń, dodatkowe wycofywanie interfejsu webkit i inne ulepszenia.
- Chrome
Przeglądanie pamięci podręcznej stanu strony internetowej w Chrome
Plik bfcache tworzy pamięć podręczną, umożliwiając błyskawiczne przechodzenie do wcześniej odwiedzanych stron.
- Chrome
Zasada autoodtwarzania w Chrome
Poznaj sprawdzone metody dbania o wygodę użytkowników dzięki nowym zasadom autoodtwarzania w Chrome.
- Chrome
Obraz w obrazie (PIP)
Omówmy interfejs API, który pozwala witrynom tworzyć pływające okno wideo na pulpicie.
- Chrome
Aktualności multimedialne w Chrome 62
Dostępne są odtwarzanie offline z trwałymi licencjami i Widevine L1 na Androidzie, optymalizacje ścieżek wideo, automatyczne wyświetlanie filmu w trybie pełnoekranowym przy obracaniu urządzenia, przewijany zakres w transmisjach MS na żywo, FLAC w formacie MP4 z MSE już dostępne.
- Chrome
Nowości w Chrome 61
Chrome 61 obsługuje teraz moduły JavaScript natywnie, co ujednolica sposób pisania modułowego kodu JavaScript. Możesz teraz używać kropek nawigacyjnych, aby wyświetlać natywne okno udostępniania Androida. Interfejs WebUSB API jest już dostępny, umożliwiając aplikacjom internetowym dostęp do urządzeń USB dozwolonych przez użytkowników. I jeszcze więcej.
- Chrome
Przedstawiamy VisualViewport
Wizualny interfejs widocznego obszaru zapewnia szczegółowe informacje o tym, jak użytkownik powiększa stronę i przewija ją.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 62)
Operatory najwyższego poziomu w konsoli, nowe przepływy pracy zrzutów ekranu, wyróżnianie w siatce CSS i nie tylko.
- Chrome
Wycofywanie i usuwanie w Chrome 61
Przegląd funkcji wycofywanych i usuniętych w Chrome 61, które ułatwią Ci planowanie. W tej wersji wprowadziliśmy między innymi ulepszenia zabezpieczeń, dodatkowe wycofywanie interfejsu webkit i inne ulepszenia.
- Chrome
Szacowanie dostępnego miejsca
Navigator.storage.estimate() daje Ci wgląd w ograniczenia miejsca na dane w Twojej aplikacji internetowej.
- Chrome
Aktualności multimedialne w Chrome 61
Optymalizacje ścieżek wideo w tle i automatyczne wyświetlanie na pełnym ekranie po obróceniu urządzenia są już dostępne.
- Chrome
Aktualizacje dźwięku i wideo w Chrome 61
Przegląd aktualizacji audio i wideo w Chrome 61.
- Chrome
Nowości w Chrome 60
W Chrome 60 za pomocą interfejsu Paint Timings API możesz teraz mierzyć czas do pierwszego wyrenderowania i czas do pierwszego wyrenderowania treści. Za pomocą właściwości CSS font-display możesz kontrolować sposób renderowania czcionek. Usługa WebAssembly jest już dostępna – znajdziesz tu jeszcze więcej!
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 61)
W Narzędziach deweloperskich w Chrome 61 wkrótce pojawią się nowe funkcje i zmiany.
- Chrome
Nadchodzące funkcje wyrażeń regularnych
Omówienie nowych, ciekawych funkcji dostępnych w wyrażeniach regularnych JavaScript, w tym nazwanych przechwytywania, flagi dotAll, zmian znaczenia właściwości Unicode oraz poszukiwanych asercji.
- Chrome
Wyrównane zdarzenia wejściowe
Wygoda użytkowników jest ważna w internecie. W ostatnich wersjach Chrome ograniczyliśmy opóźnienie sygnału wejściowego na tych urządzeniach.
- Chrome
Ulepszony blog z transmisją na żywo – podział kodu
Podobnie jak w przypadku WebPack, wdrożyliśmy podział kodu i fragmentowanie na podstawie tras.
- Chrome
DOMWyjątki - Żądanie play() zostało przerwane
Co tak naprawdę dzieje się z „DOMWyjątkiem – żądanie play() zostało przerwane”?
- Chrome
Automatyczne testowanie za pomocą Chrome bez interfejsu graficznego
Automatyczne testowanie za pomocą Chrome bez interfejsu graficznego
- Chrome
Najnowsze aktualizacje interfejsu API do zarządzania danymi logowania
Najnowsze aktualizacje interfejsu API do zarządzania danymi logowania
- Chrome
Wycofania i usuwania w Chrome 60
Przegląd wycofywanych i usuniętych elementów w Chrome 60, które ułatwią Ci planowanie. W tej wersji wprowadziliśmy między innymi ulepszenia zabezpieczeń, dodatkowe wycofywanie interfejsu webkit i inne ulepszenia.
- Chrome
Wprowadzenie do interfejsu Budget API
Interfejs Budget API umożliwia deweloperom wykonywanie działań w tle bez powiadamiania użytkowników. Pozwala to na przykład na cichą obsługę wiadomości push.
- Chrome
Nowości w Chrome 59
Dzięki Chrome 59 możesz uruchamiać Chrome w automatycznym środowisku bez interfejsu użytkownika i urządzeń peryferyjnych. Powiadomienia w systemie macOS są wyświetlane bezpośrednio przez natywny system powiadomień macOS. Możesz teraz robić zdjęcia w pełnej rozdzielczości za pomocą interfejsu Image Capture API, a do tego nie tylko.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 60)
W Narzędziach deweloperskich w Chrome 60 wkrótce pojawią się nowe funkcje i zmiany.
- Chrome
Wycofania i usunięcia w Chrome 59
Przegląd wycofywanych i usuniętych elementów w Chrome 59, które ułatwią Ci planowanie.
- Chrome
Pierwsze kroki z Chrome bez interfejsu graficznego
Pierwsze kroki z Chrome bez interfejsu graficznego
- Chrome
Przechodzenie na natywny system powiadomień w macOS
Od wersji Chrome 59 powiadomienia będą wyświetlane w systemie macOS.
- Chrome
Nowości w Chrome 58
W Chrome 58 progresywne aplikacje internetowe są bardziej atrakcyjne podczas wyświetlania w trybie pełnoekranowym. Protokół IndexedDB 2.0 jest teraz obsługiwany, a elementy iframe w trybie piaskownicy mają więcej opcji. Pete LePage zawiera wszystkie szczegóły oraz informacje o tym, jak korzystać z nowych funkcji dla programistów w Chrome 58.
- Chrome
Nowości w Narzędziach deweloperskich (Chrome 59)
Nowe funkcje i zmiany w Narzędziach deweloperskich w Chrome 59.
- Chrome
Zasada Chromium w oknach dialogowych JavaScriptu
Synchroniczne okna JavaScript z obsługą aplikacji są często (i niepotrzebnie) używane do zaszkodzenia użytkownikom. Dlatego zespół Chromium zdecydowanie odradza korzystanie z okna dialogowego JavaScriptu.
- Chrome
CSS Deep-Dive – matrix3d() – niestandardowy pasek przewijania idealnie dopasowany do ramki
Niestandardowe matryce przekształceń umożliwiają tworzenie niestandardowych pasków przewijania idealnie nadających się do ramki.
Tworzenie wydajnych animacji rozwijania i zwijania
Tworząc efekty rozwijania i zwijania, możesz użyć przekształceń skali, aby Twój interfejs działał sprawnie.
- Chrome
Aktualności multimedialne w Chrome 58
Opcje sterowania multimediami, opcje autoodtwarzania w progresywnych aplikacjach internetowych dodanych do ekranu głównego, wstrzymywanie autoodtwarzania wyciszonego filmu, gdy jest on niewidoczny, oraz zapytania o multimedia z różnymi kolorami!
- Chrome
Przekraczamy strumienie (media), Ray
Obecnie podczas korzystania z rozszerzeń Media Source Extensions (MSE) w Chrome nie można przełączać się między strumieniem zaszyfrowanym a czystym. Wszystkie te zmiany wprowadzamy w Chrome 58.
- Chrome
Wycofania i usunięcia w Chrome 58
Przegląd wycofywanych i usuniętych elementów w Chrome 58, które ułatwią Ci planowanie.
- Chrome
Aktualizacje dźwięku i wideo w Chrome 58
Przegląd aktualizacji audio i wideo w Chrome 58.
- Chrome
Karty w tle w Chrome 57
Karty w tle w Chrome 57
- Chrome
Nowości w Chrome 57
W Chrome 57 możesz m.in. używać wyświetlania: siatki w układach opartych na siatce oraz interfejsu API sesji multimediów, aby dostosowywać ekran blokady i powiadomienia o odtwarzane multimedia. Pete LePage podaje wszystkie szczegóły i wyjaśnia, jak korzystać z nowych funkcji dla programistów w Chrome 57.
- Chrome
Nowości w Narzędziach dla deweloperów (Chrome 58)
W Narzędziach deweloperskich w Chrome 58 wkrótce pojawią się nowe funkcje i zmiany.
- Chrome
Aktualizacja Lighthouse ze stycznia 2017 r.
Nowości w Lighthouse 1.5
- Chrome
Dostosuj powiadomienia o multimediach i zarządzaj playlistami
Nowy interfejs Media Session API pozwala dostosować powiadomienia o multimediach w internecie i reagować na zdarzenia związane z multimediami.
- Chrome
Plik manifestu – moduły obsługi działań
Dokumentacja dotycząca właściwości action_handlers pliku manifest.json.
Wycofania i usuwania interfejsów API w Chrome 57
Przegląd wycofywanych i usuniętych funkcji w Chrome 57, które pomogą Ci zaplanować działania.
- Chrome
Zmiany w interfejsie API żądań płatności
W wersjach Chrome 56 i 57 wprowadziliśmy kilka zmian w interfejsie Payment Request API po zmianie specyfikacji. Dowiedz się, czym są, i wprowadź zmiany w swoich implementacjach.
- Chrome
Siatka CSS – przywracany jest układ tabeli. Bądź widoczny i w kwadratowym stylu
CSS Siatka to nowy system układów w internecie.
Nowości w Chrome 56
W Chrome 56 aplikacje internetowe mogą teraz komunikować się z pobliskimi urządzeniami Bluetooth Low Energy przy użyciu interfejsu Web Bluetooth API. Pozycja CSS: przyklejony; powraca – ułatwia tworzenie elementów, które przewijają się w zwykły sposób, aż do górnej krawędzi widocznego obszaru. Domyślnie HTML5 jest włączony dla wszystkich użytkowników.
- Chrome
Szybkie przewijanie dotykiem domyślnie
Reagowanie na przewijanie ma kluczowe znaczenie dla zaangażowania użytkownika w stronę mobilną, ale detektory zdarzeń dotyku często powodują poważne problemy z działaniem przewijania. Dowiedz się, jak domyślnie pomagamy użytkownikom i deweloperom działać szybciej.
- Chrome
Dokumentacja debugowania JavaScript
Zapoznaj się z nowymi procedurami debugowania w kompleksowym artykule na temat funkcji debugowania w Narzędziach deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Tworzenie lepszej strony przy użyciu Lighthouse
Co nowego w Lighthouse. Nowy wygląd, nowe audyty sprawdzonych metod i przeglądarka raportów online.
- Chrome
Zmiana rozmiaru paska adresu URL
Ukrycie paska adresu URL nie powoduje już zmiany rozmiaru stron mobilnych.
- Chrome
Narzędzia deweloperskie w Chrome: profilowanie procesora JavaScript w Chrome 58
W Chrome 58 zmieniliśmy funkcję rejestrowania profilu procesora JavaScript.
- Chrome
Narzędzia deweloperskie w Chrome – profilowanie procesora JavaScript w Chrome 58
Ustawienie „Rejestruj profil procesora JavaScript” w Chrome 58 zostało zmienione.
- Chrome
Wycofania i usuwania interfejsów API w Chrome 56
Przegląd wycofywanych i usuniętych elementów w Chrome 56, które pomogą Ci zaplanować działania.
- Chrome
pozycja:sticky z powrotem w Chrome
pozycja:przyklejone. Czas wrócił!
- Chrome
Robienie zdjęć i kontrolowanie ustawień aparatu
Image Capture to interfejs API umożliwiający sterowanie ustawieniami aparatu i robienie zdjęć.
- Chrome
Skuteczna paralaksa
Dzięki odrobinie matematyki można uzyskać efekty paralaksy, które dobrze współgrają z architekturą przeglądarki.
- Chrome
Nowości w Chrome 55
W Chrome 55 możesz pisać kod oparty na obietnicach tak, jakby był synchroniczny, a następnie asynchroniczny. Zdarzenia typu PointerEvents zapewniają ujednolicony sposób obsługi wszystkich zdarzeń wejściowych. Pamięć trwała nie jest już w fazie testowania origin.
- Chrome
Przygotuj się na Chrome Dev Summit 2016
Chrome Dev Summit 2016 odbędzie się w czwartek, 10 i 11 listopada.
- Chrome
Unikanie ostrzeżenia o braku zabezpieczeń w Chrome
Chrome wkrótce oznaczy niezabezpieczone strony zawierające hasło i dane karty kredytowej jako Niezabezpieczone na pasku adresu URL.
- Chrome
DevTools Digest, październik 2016 r.
Nowe funkcje konsoli, aktualizacje błędu selektora kontekstu oraz nowego klienta użytkownika UC Browser.
- Chrome
Zarządzanie łącznikami za pomocą CSS
Chrome 55 stosuje właściwość łączniki, aby decydować o tym, kiedy mają się pojawiać i jak mają działać.
Wycofania i usuwania interfejsów API w Chrome 55
Przegląd wycofywanych i usuniętych elementów w Chrome 56, które pomogą Ci zaplanować działania.
- Chrome
Przechwytywanie elementu MediaStream z obszaru roboczego, elementu wideo lub elementu audio
Metoda catchStream() umożliwia przechwytywanie MediaStream z kanwy, elementu audio lub wideo na urządzeniu z Androidem i na komputerze.
- Chrome
Wskazywanie drogi naprzód
Zdarzenia wskaźnika ujednolicają model wprowadzania danych w przeglądarce, łącząc dotyk, pióra i myszy w jeden zestaw zdarzeń.
- Chrome
Opcje kliknięć
Dzięki nim deweloper może określić sposób, w jaki użytkownik może wchodzić w interakcję z elementem. Chrome 55 obsługuje teraz szerszą obsługę opcji dotyku.
- Chrome
Detektor zdarzeń
addEventListener obsługuje teraz opcję jednorazowej, która ułatwia definiowanie zdarzeń, które są czyszczone po usunięciu.
- Chrome
auxclick już wkrótce w Chrome 55
W przypadku kliknięć innych niż główny przycisk myszy będzie uruchamiane nowe zdarzenie Aauxclick.
- Chrome
Nowości w Chrome 54
W Chrome 54 możesz teraz tworzyć własne niestandardowe tagi HTML i tworzyć własne komponenty internetowe za pomocą elementów niestandardowych w wersji 1. Ułatwia to wysyłanie wiadomości między otwartymi oknami lub kartami w tym samym pochodzeniu za pomocą interfejsu BroadcastChannel API. Obsługa multimediów jest wygodniejsza na Androidzie, a pobieranie z innych krajów jest teraz dostępne w wersji próbnej origin.
- Chrome
Aktualizacje dla programistów.google.com/web
Nowa podstawa pracy w sieci – lepsza nawigacja, nowe treści i więcej!
- Chrome
Wprowadzenie do Lighthouse
Dowiedz się, jak skonfigurować Lighthouse do sprawdzania aplikacji internetowych.
Ponowne rastowanie skomponowanych warstw przy zmianie skali
will-change – przekształcenie oznacza szybkie animowanie
- Chrome
Skrypty service worker z innych domen – eksperymenty z pobieraniem z innych domen
Usługi innych firm mogą zacząć wdrażać własne moduły obsługi żądań sieciowych.
- Chrome
CacheQueryOptions w Chrome 54
Obsługiwany jest pełny zestaw parametrów CacheQueryOptions, co ułatwia znajdowanie odpowiedzi w pamięci podręcznej.
- Chrome
Opcje PushSubscription
Teraz masz dostęp do opcji używanych podczas subskrybowania wiadomości push.
- Chrome
DevTools Digest, wrzesień 2016 r. – Perf Roundup
Ulepszenia narzędzi dla deweloperów w Narzędziach deweloperskich w ostatnich wersjach Chrome.
- Chrome
BroadcastChannel API – magistrala komunikatów dla internetu
Interfejs BroadcastChannel API może służyć do obsługi prostych funkcji Pub/Sub między oknami, kartami, elementami iframe lub instancjami roboczymi.
- Chrome
Interakcja z metodą document.write()
Chrome blokuje niektóre skrypty dodawane za pomocą metody document.write()
- Chrome
Interfejs Web Animations API osiąga sukces w różnych przeglądarkach
Firefox 48 dołącza do Chrome, wysyłając natywną implementację interfejsu Web Animations API.
- Chrome
Wycofania i usuwania interfejsów API w Chrome 53
Przegląd wycofywanych i usuniętych elementów w Chrome pomocne w planowaniu.
- Chrome
DevTools Digest, sierpień 2016 r.
Co się stało z panelem Zasoby, nowymi funkcjami i aktywnością społeczności.
- Chrome
Zalety interoperacyjności Web Push Interop
W ostatnich wersjach Chrome wprowadziliśmy kilka aktualizacji Web push. GCM obsługuje teraz protokół web push. Jeśli używasz VAPID, nie musisz rejestrować się w projekcie Google Developer Project – otrzymasz punkt końcowy FCM.
- Chrome
Wyciszone autoodtwarzanie na urządzeniach mobilnych – pożegnaj się z utworami na płótnie i animowanymi GIF-ami.
Wyciszone autoodtwarzanie filmów jest obsługiwane na Androidzie od wersji Chrome 53. Wcześniej do rozpoczęcia odtwarzania element wideo wymagał gestu użytkownika.
- Chrome
Debugowanie progresywnych aplikacji internetowych
W panelu Aplikacja możesz sprawdzać, modyfikować i debugować pliki manifestu aplikacji internetowych, mechanizmy Service Worker i pamięci podręczne instancji Service Worker.
- Narzędzia deweloperskie w Chrome
Korzystanie z Google Analytics offline w prosty sposób
Biblioteka sw-offline-google-analytics zawiera wszystko, czego potrzebujesz.
- Chrome
Złożoność nieskończonego przewijania
Częstym wzorcem w interfejsie są nieskończone przewijanie. Poniżej opisujemy, jak wdrożyć ten wzorzec w zachowawczy sposób, działający z prędkością 60 kl./s.
- Chrome
Pożegnanie z krótkimi sesjami – propozycja zastosowania mechanizmów Service Worker w celu usprawnienia zarządzania plikami cookie w internecie
Przedstawiamy model koncepcyjny pozwalający zachować sesje z użyciem skryptu service worker.
- Chrome
Flexbox wprowadza nowe zachowanie dla dzieci ustawionych bezwzględnej pozycji
Flexbox wprowadza nowe zachowanie dla dzieci ustawionych bezwzględnej pozycji
- Chrome
ECDSA dla WebRTC – lepsze zabezpieczenia, lepsza ochrona prywatności i większa wydajność
Od wersji 52 Chrome domyślnie używa ECDSA – znacznie wydajniejszego i bezpiecznego algorytmu generowania klucza certyfikatu WebRTC. Dodatkowo certyfikaty RTC można teraz przechowywać przy użyciu IndexedDB.
- Chrome
Buforowanie skryptu service worker, adresy URL PlaybackRate i Blob w przypadku dźwięku i wideo w Chrome na Androida
Od wersji 52 Android Chrome korzysta z tego samego stosu multimediów co Chrome na komputery, zamiast korzystać z implementacji platformy. Umożliwia to buforowanie multimediów skryptu service worker, zmienne szybkości odtwarzania, adresy URL obiektów blob na Androidzie, przekazywanie strumieniowe danych MediaStream między interfejsami API i łatwiejsze debugowanie na wielu platformach.
- Chrome
Wycofania i usuwania interfejsów API w Chrome 52
Przegląd wycofywanych i usuniętych elementów w Chrome pomocne w planowaniu.
- Chrome
Ograniczenie CSS w Chrome 52
Nowa właściwość „Pokrywanie kodu CSS” pozwala programistom ograniczyć zakres stylów, układu i renderowania w przeglądarce.
- Chrome
Obserwator wydajności – skuteczny dostęp do danych o skuteczności
Nowość w Chrome 52: interfejs Obserwatorzy wydajności zapewniający wydajniejszy dostęp do danych osi czasu skuteczności na podstawie zdarzeń.
- Chrome
DevTools Digest, wrzesień 2016 r. – DevTools w 2016 r. i kolejne lata
Ważne motywy i trendy w Narzędziach deweloperskich w 2016 roku i kolejnych latach.
- Chrome
Włącz przesyłanie strumieniowe i uzyskuj natychmiastowe odpowiedzi
Dzięki ReadableStreams możesz jak najszybciej przetwarzać odpowiedzi skryptu service worker.
- Chrome
Poprawa wydajności przewijania dzięki pasywnym detektorom zdarzeń
Pasywne detektory zdarzeń, które są nowością w Chrome 51, mogą znacznie zwiększyć wydajność przewijania.
- Chrome
Podsumowanie narzędzi deweloperskich – więcej możliwości dzięki nowemu menu poleceń
Dowiedz się więcej o nowym menu poleceń w Narzędziach deweloperskich i o ponad 60 działaniach, które umożliwiają wyjątkowo szybkie przepływy pracy.
- Chrome
Interfejs API geolokalizacji został usunięty z niezabezpieczonych źródeł w Chrome 50
Od wersji 50 Chrome nie obsługuje już interfejsu API geolokalizacji HTML5 w przypadku połączeń niezabezpieczonych.
- Chrome
Wycofania i usuwania interfejsów API w Chrome 51
Przegląd wycofywanych i usuniętych elementów w Chrome pomocne w planowaniu.
- Chrome
Co nowego w KeyboardEvents? Klucze i kody!
Dwa nowe atrybuty zapewniają spójną obsługę zdarzeń klawiatury w internecie.
- Chrome
Uproszczenie procesu logowania za pomocą interfejsu API do zarządzania danymi logowania
Aby zadbać o wygodę użytkowników, ważne jest umożliwienie im uwierzytelniania się w Twojej witrynie. Ale tworzenie, zapamiętywanie i wpisywanie haseł jest uciążliwe dla użytkowników, zwłaszcza na urządzeniach mobilnych
- Chrome
Czas eksperymentu – zakotwiczenie przewijania
Zakotwiczenie przewijania zapobiega przesuwaniu strony internetowej po rozpoczęciu jej czytania.
- Chrome
Dostęp do urządzeń USB w internecie
Interfejs WebUSB API sprawia, że USB jest bezpieczniejszy i łatwiejszy w użyciu, umożliwiając dostęp do internetu.
Przegląd
Zacznij korzystać z wbudowanych narzędzi Google Chrome dla programistów stron internetowych.
- Narzędzia deweloperskie w Chrome
Dokumentacja interfejsu API konsoli
Używaj interfejsu Console API do zapisywania komunikatów w konsoli.
- Narzędzia deweloperskie w Chrome
Nowy tryb urządzeń dla urządzeń mobilnych
Dowiedz się więcej o Narzędziach deweloperskich w Chrome – nowym, odświeżonym Trybie urządzenia wprowadzonym w Chrome 49.
- Chrome
Tworzenie połączonego z internetem urządzenia IoT z wykorzystaniem procesora Intel Edison
Dziś każdy z nich ma problemy z internetem rzeczy. A gdyby można było stworzyć urządzenie IoT, do którego dostęp masz w przeglądarce? W tym artykule pokazujemy, jak można to zrobić za pomocą internetu rzeczy, technologii Web Bluetooth oraz Node.js na płytce Intel® Edison Arduino.
- Chrome
Dodano obsługę Canvas toBlob() w Chrome 50
Obsługa języka Canvas.toBlob jest teraz dostępna w Chrome 50.
- Chrome
Chrome obsługuje createImageBitmap() w Chrome 50
Obsługa dekodowania obrazów w instancjach roboczych ustawionych w Chrome 50.
- Chrome
Wyeliminowanie problemów z zarządzaniem koncentracją
Funkcja „Sekwencyjna nawigacja po zaznaczeniu” definiuje miejsce, w którym zaczynamy szukać elementów, które można zaznaczyć na potrzeby sekwencyjnej nawigacji zaznaczenia ([Tab] lub [Shift-Tab]), gdy nie jest zaznaczony obszar. Jest to szczególnie przydatne w przypadku funkcji ułatwień dostępu, takich jak pomijanie linków i zarządzanie zaznaczeniem w dokumencie.
- Chrome
Wycofania i usuwania interfejsów API w Chrome 50
Ogólne informacje o wycofanych funkcjach i usunięciu interfejsów API w Chrome, które ułatwią Ci planowanie.
- Chrome
Metody sprawdzania i modyfikowania za pomocą formularzy FormData
W Chrome 50 możesz teraz wchodzić w interakcje z instancjami FormData przed ich wysłaniem.
- Chrome
Dodano weryfikację DOMTokenList w Chrome 50
Sprawdź obsługę różnych funkcji bezpośrednio w kodzie. Funkcja będzie dostępna w Chrome 50.
- Chrome
Interfejs API Media Source – zapewnia automatyczne płynne odtwarzanie segmentów multimediów w kolejności dołączania
Interfejs Media Source API umożliwia JavaScriptowi tworzenie strumieni multimediów do odtwarzania. Od wersji Chrome 50 można używać trybu sekwencyjnego SourceBuffer, aby mieć pewność, że segmenty multimediów będą automatycznie przenoszone na oś czasu w kolejności ich dołączenia, bez przerw między nimi.
- Chrome
Zmiany w orientacji urządzeń niedługo pojawią się w Chrome 50
Parametr DeviceOrientationEvent korzysta ze stopni względnych oraz nowego parametru DeviceOrientationabsEvent.
- Chrome
Ulepszenia animacji internetowych w Chrome 50
Lepsza zgodność ze specyfikacjami i nowe funkcje w Chrome 50.
- Chrome
Priorytetyzacja zasobów za pomocą linku rel='preload'
Chrome w wersji 50 dodaje obsługę atrybutu rel='preload' i wycofuje atrybut rel='subresource'.
- Chrome
Szyfrowanie ładunku Web push
Web Push obsługuje teraz ładunki. Dowiedz się, jak korzystać z tej przydatnej nowej funkcji.
- Chrome
Ulepszenia powiadomień internetowych w Chrome 50 – ikony, zdarzenia zamykania, ponowne powiadamianie i sygnatury czasowe
W Chrome 50 dostępnych jest wiele nowych funkcji powiadomień. Oto podsumowanie.
- Chrome
HTMLMediaElement.play() zwraca obietnicę.
Koniec z niepewnością automatycznego odtwarzania. Teraz funkcja play() zwraca obietnicę.
- Chrome
Wyposażone w ulepszone debugowanie zdalne, klasowe dźwięki i własny program wieczorny?
Dowiedz się więcej o nowym interfejsie „Inspekcja urządzeń”, łatwo przełączaj się między klasami w poprawionym panelu stylów i obejrzyj dzisiejszy program pilotażowy narzędzi dla deweloperów.
- Chrome
Obserwuj zmienne w źródłach
Narzędzia deweloperskie w Chrome umożliwiają łatwe wyświetlanie wielu zmiennych w aplikacji.
- Narzędzia deweloperskie w Chrome
Ciemne narzędzia dla programistów, edytowanie @keyframe i inteligentniejsze autouzupełnianie
Dowiedz się, w jaki sposób narzędzia deweloperskie pozwalają mniej pisać dzięki inteligentniejszemu autouzupełnianiem w konsoli, jak edytować reguły @keyframe bezpośrednio w panelu Style, jak bawić się ze zmiennymi niestandardowymi CSS i jak dołączyć do ciemnej strony.
- Chrome
Aktualizacje dźwięku w przeglądarce w Chrome 49
Omówienie niektórych najnowszych wersji interfejsu Web Audio API w Chrome.
- Chrome
Przedstawiamy serwery proxy ES2015
Serwery proxy ES2015 (w Chrome 49 i nowszych) udostępniają JavaScript z interfejsem API intercession, co pozwala nam przechwytywać lub przechwytywać wszystkie operacje na obiekcie docelowym i modyfikować sposób jego działania.
- Chrome
Płynne przewijanie w Chrome 49
Masz dość kłopotliwego przewijania? Świetnie, ponieważ Chrome 49 jest dostarczany z nową funkcją płynnego przewijania od razu po wyjęciu z pudełka.
- Chrome
Kontrolowanie wydajności czcionek za pomocą funkcji font-display
Nowy deskryptor font-display dla @font-face pozwala programistom określić sposób renderowania czcionek internetowych (lub kreacji zastępczych) w zależności od tego, jak długo trwa ich wczytywanie.
- Chrome
Zmienne CSS – dlaczego jest to ważne?
Zmienne CSS, dokładniej nazywane właściwościami niestandardowymi CSS, są dostępne w Chrome 49. Przydają się one do ograniczania powtórzeń w CSS, a także do tworzenia zaawansowanych efektów w czasie działania, np. przełączania motywów i potencjalnie rozszerzania/uzupełniania przyszłych funkcji CSS.
Wersja VP9 jest teraz dostępna w WebRTC
Od wersji Chrome 48 na komputery i Androida VP9 będzie opcjonalnym kodekiem wideo do rozmów wideo przy użyciu WebRTC.
- Chrome
Nagrywanie dźwięku i obrazu za pomocą narzędzia MediaRecorder
Interfejs MediaRecorder API umożliwia nagrywanie dźwięku i filmów z aplikacji internetowej. Jest on obecnie dostępny w Firefoksie i Chrome na Androida oraz na komputerach.
- Chrome
Działania związane z powiadomieniami w Chrome 48
Użytkownicy mogą wchodzić w interakcje z Twoją witryną bez otwierania strony za pomocą przycisków działań dotyczących powiadomień
- Chrome
Sygnatury czasowe zdarzeń o wysokiej rozdzielczości
Dzięki funkcji DOMHighResTimeStamp możesz sprawdzać, kiedy występują zdarzenia z dokładnością do mikrosekund.
- Chrome
Łatwe manipulowanie adresami URL za pomocą parametru URLSearchParams
TURLSearchParams – prosty dostęp do ciągu zapytania w adresie URL i manipulowanie nim
- Chrome
Google Cast w Chrome na Androida
Chrome na Androidzie umożliwia teraz wyświetlanie zawartości stron mobilnych na urządzeniach Google Cast za pomocą interfejsu Presentation API i pakietu SDK Cast Web SDK.
- Chrome
Pierwsze kroki z progresywnymi aplikacjami internetowymi
Dowiedz się, jak zacząć tworzyć progresywne aplikacje internetowe
- Chrome
Nowy panel bezpieczeństwa w Narzędziach deweloperskich w Chrome
Dowiedz się więcej o nowym panelu bezpieczeństwa dostępnym w Narzędziach deweloperskich w Chrome.
- Chrome
Przedstawiamy synchronizację w tle
Synchronizacja w tle to nowy internetowy interfejs API, który pozwala odroczyć działania do czasu uzyskania stabilnej połączenia użytkownika. Jest to przydatne, gdy chcesz mieć pewność, że wszystko, co użytkownik chce wysłać, zostanie faktycznie wysłane.
- Chrome
DevTools Digest (CDS Edition): A Glimpse to the Future and RAIL Profiling
Dowiedz się, jak Narzędzia deweloperskie przenoszą się na urządzenia mobilne dzięki nowemu, uproszczonemu trybowi urządzenia, który jest zawsze włączony. Za pomocą przycisków kolorów możesz szybko dodawać kolory do selektorów i dowiedzieć się, co wkrótce pojawi się w Narzędziach deweloperskich.
- Chrome
Błyskawiczne wczytywanie aplikacji internetowych za pomocą architektury powłoki aplikacji
Architektura powłoki aplikacji to obecnie metoda tworzenia progresywnych aplikacji internetowych wykorzystująca szereg technologii.
- Chrome
Podsumowanie narzędzi deweloperskich – efektywne edytowanie elementów, debugowanie skryptu service worker i cienie Material Design
Użyj nowego menu kontekstowego panelu DOM, aby wydajnie edytować węzły. Instancje robocze usług debuguj bezpośrednio w panelu Zasoby. W selektorze kolorów możesz wybrać spośród wszystkich odcieni Material Design. Biblioteki JS Blackbox.
- Chrome
Zasoby animacji internetowych
Zasoby i inne materiały dotyczące interfejsu Web Animations API
Zarządzaj wyzwalaniem funkcji „Dotknij, by wyszukać”
Kiedy i jak uruchamia się funkcję Dotknij, by wyszukać
- Chrome
Powiadomienia wymagają interakcji – płynniejsze wyświetlanie powiadomień na komputerze
Powiadomienia na pulpicie są automatycznie zamykane po krótkim czasie.
- Chrome
Możliwości urządzenia wejściowego
Prostsza metoda racjonalizacji działania myszy i dotyku w przypadku braku zdarzeń typu PointerEvents
- Chrome
Podsumowanie narzędzi deweloperskich – zmienianie kolejności kart, konsola na 2 i detektory zdarzeń platformy
Zmień kolejność kart Narzędzi deweloperskich w taki sposób, aby najbardziej Ci odpowiadała, i zobacz, gdzie są powiązane zdarzenia platformy.
- Chrome
Uruchamianie fragmentów kodu JavaScript
Fragmenty to małe skrypty, które możesz utworzyć i wykonywać w panelu Źródła w Narzędziach deweloperskich w Chrome. Są dostępne i uruchamiane z dowolnej strony. Gdy uruchamiasz fragment kodu, jest on uruchamiany w kontekście bieżącej strony.
- Narzędzia deweloperskie w Chrome
Wybierz kamery, mikrofony i głośniki w aplikacji internetowej
Interfejs MediaDevices zapewnia dostęp do urządzeń wejściowych i wyjściowych dostępnych dla przeglądarki, takich jak kamery, mikrofony i głośniki.
- Chrome
Rozszerzenie rejestratora EME
EME Logger to rozszerzenie do Chrome, które rejestruje zdarzenia i wywołania zaszyfrowanych multimediów (EME) w konsoli narzędzi dla programistów.
- Chrome
Aktualizacje interfejsu Service Worker Cache API
W Chrome 46 pojawiły się nowe metody, podobnie jak Chrome 47 i prawdopodobnie 48. Ciągle się nie zatrzymuje.
- Chrome
History API – przywracanie przewijania
Aktualizacja interfejsu History API zapobiegająca brzydkim przeskakaniom podczas przewijania.
- Chrome
Odrzucanie kart w Chrome – eksperyment oszczędzania pamięci
Zmniejszenie wykorzystania pamięci przez Chrome to jeden z głównych priorytetów zespołu w tym roku.
- Chrome
Wdrażanie przypinania kluczy publicznych w ramach raportowania HPKP
W Chrome 46 jest dostępna funkcja raportowania HPKP, która może pomóc Ci wdrożyć w witrynie bardziej rygorystyczną formę protokołu SSL.
- Chrome
Użycie pliku manifestu aplikacji internetowej do określenia koloru motywu w całej witrynie
Ustaw kolor motywu w manifeście, aby był on dostępny na wszystkich stronach witryny po uruchomieniu z ekranu głównego.
- Chrome
Większy niż zaawansowany filtr panelu Network (Sieć i kilka innych)
Czy wiesz, że filtr w panelu Sieć obsługuje kilka ciekawych niestandardowych etykiet wyszukiwania?
- Chrome
Podsumowanie narzędzi deweloperskich – zbiorcze szczegóły osi czasu, palety kolorów i inne
Dowiedz się, które skrypty innych firm powodują problemy z wydajnością dzięki zagregowanym informacjom na osi czasu oraz jak wybrać spójne kolory w nowej palecie kolorów i wiele więcej.
- Chrome
Proste sztuczki klawiszowe do wykorzystania w panelu stylów
Dowiedz się, jak skutecznie poruszać się po panelu stylów, korzystając z kilku przydatnych sztuczek klawiszowych.
- Chrome
Nowa wersja Material Design Lite – 1.0.4
Dostępna jest nowa wersja Material Design Lite, która zawiera wiele poprawek błędów i usprawnień w procesie kompilacji.
- Chrome
Używanie funkcji requestIdleCallback
requestIdleCallback to nowy interfejs API do optymalizacji wydajności, który umożliwia planowanie pracy, gdy przeglądarka jest nieaktywna.
- Chrome
Używanie obrazów plakatów w treści wtyczki
Chrome może teraz dodawać niestandardowe obrazy plakatu do elementów obiektów, aby poprawić postrzeganą wydajność wczytywania wtyczek takich jak Flash.
- Chrome
Edytuj kod HTML w panelu konsoli
Menu kontekstowe węzła DOM, które możesz rozpoznać z panelu Elementy, też znajduje się w panelu konsoli.
- Chrome
Łatwe duplikowanie węzłów DOM
Możesz łatwo zmienić DOM bez konieczności edytowania kodu HTML jako wielkiego ciągu znaków.
- Chrome
Pięć sztuczek, które można wykorzystać w panelu konsoli
Pięć sztuczek, które można wykorzystać w panelu konsoli
- Chrome
Narzędzia deweloperskie w nowym miejscu
Przenieśliśmy się do naszej nowej strony Developers.google.com/web/tools/chrome-devtools. Znajdziesz tam wiele ciekawych samouczków i wskazówek.
- Chrome
Ulepszone menu nawigacyjne DOM
Czy wiesz, że w panelu Elements (Elementy) znajduje się ślad menu nawigacyjnego?
- Chrome
Edytowanie na żywo kodu CSS w źródłach
Czy wiesz, że możesz edytować kod CSS w Źródłach i na bieżąco aktualizować stronę?
- Chrome
Podsumowanie narzędzi deweloperskich – pasek filmowy i nowe miejsce do ograniczania
Odkryj m.in. nową funkcję taśmy filmowej w pierwszej z licznych aktualizacji podsumowania narzędzi dla deweloperów.
- Chrome
Dodawanie nowego urządzenia niestandardowego jako gotowego ustawienia
Czy często emulujesz urządzenia o określonym wymiarze? W Trybie urządzenia w Narzędziach deweloperskich możesz dodać nowe gotowe ustawienia urządzenia.
- Narzędzia deweloperskie w Chrome
- Chrome
Elementy wycofane z MediaStream
MediaStream API reprezentuje zsynchronizowane strumienie audio lub wideo. MediaStream.ended, MediaStream.label i MediaStream.stop() są wycofywane. Zamiast nich użyj MediaStream.active, MediaStreamTrack.label i MediaStreamTrack.stop().
- Chrome
Komunikacja z urządzeniami Bluetooth przez JavaScript
Interfejs Web Bluetooth API umożliwia witrynom komunikację z urządzeniami Bluetooth.
Powiadomienia o odtwarzaniu multimediów w Chrome na Androida
Podczas odtwarzania dźwięku lub filmu na stronie internetowej na pasku powiadomień oraz na ekranie blokady wyświetla się powiadomienie z tytułem strony i przyciskiem odtwarzania/wstrzymywania. Powiadomienie może służyć do wstrzymania lub wznowienia odtwarzania albo do powrotu na stronę, na której odtwarzane są multimedia.
- Chrome
Pomiar wydajności skryptu service worker
Nie możesz zmierzyć wydajności żądań w skrypcie service worker. Jak możesz powiedzieć, że zwiększa to wydajność? Dzięki najnowszym zmianom w Chrome możesz odpowiedzieć na to pytanie.
- Chrome
Korzystanie z kąta obrotu i promienia dotyku
W Chrome 45 wprowadziliśmy niewielkie zmiany, które ułatwią deweloperom tworzenie lepszych aplikacji dotykowych.
- Chrome
Sprawdzanie i aktywowanie zapytań o media CSS
Tryb urządzenia ma wbudowany inspektora zapytań o multimedia, który ułatwia elastyczne projektowanie stron.
- Chrome
Skrót do wyboru następnego wystąpienia
W edytorze panelu Źródła możesz wybrać następne wystąpienie, naciskając Cmd + D.
- Chrome
Ustawianie punktu przerwania na podstawie określonego warunku
Po ustawieniu punktu przerwania możesz ustawić go jako warunkowy na podstawie wyniku wyrażenia.
- Chrome
Wybierz i wykonaj blok kodu w panelu Źródła
Użyj skrótu Ctrl + Shift + E, aby uruchomić blok zaznaczonego kodu w panelu Źródła.
- Chrome
Szybkie przełączanie się między panelami Narzędzi deweloperskich
Aby poruszać się między panelami w Narzędziach deweloperskich, możesz używać klawisza Cmd (lub Cmd > Cmd).
- Chrome
Wydrukuj szybki zrzut stosu z konsoli
Za pomocą konsoli.trace() możesz szybko i łatwo uzyskać zrzut stosu i lepiej zrozumieć przepływ wykonywania kodu.
- Chrome
Kto sprawdza inspektora?
Czy wiesz, że możesz przeglądać Narzędzia deweloperskie za pomocą Narzędzi deweloperskich?
- Chrome
Aktywowanie pseudoklasy elementu
Zdarzyło Ci się kiedyś debugować efekty CSS po najechaniu kursorem, ale nie udało Ci się utrzymać wskaźnika myszy na elemencie? Oto jak to zrobić.
- Chrome
Wyszukiwanie w całym projekcie z opcjonalnym zakresem plików
Poznaj sekretne polecenia, które pozwolą Ci wyszukiwać jak profesjonalista dzięki Narzędziom deweloperskim.
- Chrome
Grupy kolorów sieci
Dowiedz się, jakie kolory pasują do poszczególnych typów zasobów, aby móc je łatwo identyfikować.
- Chrome
Wyświetl podgląd wartości JavaScriptu bezpośrednio podczas debugowania
Dowiedz się, jak wyświetlić podgląd wartości zmiennych JavaScript w Narzędziach deweloperskich podczas debugowania.
- Chrome
Szybkie edytowanie i wyświetlanie zasobów w panelu Elementy
Szybkie edytowanie i wyświetlanie zasobów w panelu Elementy
- Chrome
event_rules
Dokumentacja właściwości event_rules pliku manifest.json.
- Rozszerzenia do Chrome
event_rules
Dokumentacja właściwości event_rules pliku manifest.json.
- Rozszerzenia do Chrome
Rozszerzenia źródła multimediów dla dźwięku
Rozszerzenia źródła multimediów (MSE) zapewniają rozszerzone buforowanie i kontrolę nad odtwarzaniem elementów audio i wideo HTML5. Chociaż narzędzie MSE zostało opracowane z myślą o ułatwieniu dynamicznego adaptacyjnego strumieniowego przesyłania danych w odtwarzaczach wideo opartych na HTTP (DASH), MSE może być używane do odtwarzania dźwięku, zwłaszcza w przypadku odtwarzania bez przerw.
- Chrome
Powiadamianie o zmianach w powiadomieniach
W Chrome 44 dodaliśmy 2 nowe interfejsy API, które ułatwiają korzystanie z powiadomień push i dostosowywanie ich do własnych potrzeb.
- Chrome
Kliknij Command, aby dodać wiele kursorów w panelu źródeł
Dowiedz się, jak edytować wiele kursorów w panelu źródeł w Narzędziach deweloperskich.
- Chrome
Pokaż w panelu Elementy
Pokaż węzły DOM w panelu elementów w konsoli.
- Chrome
Alt + kliknij, aby rozwinąć wszystkie węzły podrzędne
Alt + 43; Kliknij, aby rozwinąć wszystkie węzły podrzędne
- Narzędzia deweloperskie w Chrome
- Chrome
Obecnie wybrany węzeł DOM
Poznaj skrót do szybkiej konsoli, aby pobrać aktualnie wybrany węzeł DOM.
- Chrome
Edytor wygładzania
Wybierz właściwość CSS wygładzania, aby zobaczyć animowany podgląd jej działania.
- Chrome
Używaj klawiatury do poruszania się po stosie wywołań
Jak ustawić punkt przerwania i poruszać się po stosie wywołań za pomocą skrótów klawiszowych.
- Chrome
Tagi szybkiej edycji elementów
Możesz dwukrotnie kliknąć nazwę tagu otwierającego węzła w panelu Elementy, aby go edytować.
- Chrome
Szybkie monitorowanie zdarzeń z poziomu panelu konsoli
Możesz rejestrować wszystkie zdarzenia wysyłane do obiektu za pomocą metody monitorEvents(obiekt [, zdarzenia]) w interfejsie wiersza poleceń.
- Chrome
Nieukończone żądania sieciowe
Aby zobaczyć nieukończone żądania sieciowe (np. – zaawansowany filtr sieci), możesz użyć filtra Is:running Advanced.
- Chrome
Zobacz pasujące selektory
Gdy wyświetlasz selektor w panelu stylów, rozdzielone przecinkami fragmenty selektorów mają różne kolory w zależności od tego, czy pasują do wybranego węzła DOM.
- Chrome
Ulepszenia interfejsu i funkcji narzędzia Selektor kolorów
Selektor kolorów w Narzędziach deweloperskich jest uaktualniany. Obecnie w Chrome Canary
- Chrome
Skopiuj obraz jako identyfikator URI danych
Kliknij prawym przyciskiem myszy podgląd obrazu w panelu zasobów, aby skopiować go jako identyfikator URI danych (zakodowany w formacie Base64).
- Chrome
Pobieranie i debugowanie detektorów zdarzeń
Za pomocą tych poleceń w konsoli możesz pobierać i debugować odbiorniki w Narzędziach deweloperskich.
- Chrome
Automatyczne wstrzymywanie przy każdym wyjątku
W Narzędziach deweloperskich możesz automatycznie wstrzymywać działanie przy każdym wyjątku (jest to szczególnie przydatne w przypadku niewykrytych wyjątków).
- Narzędzia deweloperskie w Chrome
- Chrome
Szybka zmiana wartości CSS
Szybko zmieniaj wartości CSS za pomocą klawiatury lub kółka myszy
- Chrome
Odtwórz ponownie żądanie sieciowe w cURL
Dowiedz się, jak debugować żądanie sieciowe z poziomu wiersza poleceń.
- Chrome
Autouzupełnianie notacji z nawiasem
Czy wiesz, że w panelu Źródła możesz automatycznie uzupełnić notację nawiasową?
- Narzędzia deweloperskie w Chrome
- Chrome
Wyświetlanie i zmienianie punktów przerwania DOM
Jak wyświetlać i zmieniać punkty przerwania DOM w panelu Punkty przerwania w Narzędziach deweloperskich.
- Chrome
Przewinięcie elementów do widocznego obszaru
Jeśli sprawdzany element nie jest widoczny, możesz go przywrócić w następujący sposób.
- Chrome
Aktywowanie pseudoklas
Dowiedz się, jak uruchamiać pseudoklasy, takie jak :active, aby prawidłowo debugować kod CSS.
- Chrome
Klatki filmowe w panelu Sieć
Poruszaj się po panelu sieci w sposób wizualny i wyświetlaj zrzuty ekranu podczas wczytywania strony
- Chrome
Przekierowanie portów
Przekierowywanie portów w Narzędziach deweloperskich umożliwia działanie nawet adresów URL lokalnego hosta na urządzeniach mobilnych.
- Chrome
Wyszukaj drzewo DOM według selektora arkusza CSS
Podczas przeglądania interfejsu DOM w panelu Elementy spróbuj wyszukać węzły za pomocą poleceń CMD/Ctrl+F za pomocą ich selektorów CSS.
- Chrome
Rozwiń skróty CSS
Na panelu stylów możesz rozwinąć skrótowe właściwości CSS, takie jak flex czy dopełnienie, i zobaczyć pełny zakres właściwości zdefiniowanych za Ciebie.
- Chrome
Otrzymuj powiadomienia o błędach JS podczas pisania
Jeśli w panelu konsoli pojawi się błąd, kliknij go, aby odsłonić wiersz w panelu Źródła, w którym pojawi się informacja o błędzie.
- Chrome
Łatwe nagrywanie na osi czasu
Spróbuj oddokować Narzędzia deweloperskie w osobnym oknie, aby przycisk nagrywania znajdował się blisko tej części strony, w której chcesz wykonać działanie
- Chrome
Plik manifestu – drukarki USB
Dokumentacja dotycząca właściwości usb_printers w pliku manifest.json.
Przejście do numeru wiersza w określonej kolumnie
Dowiedz się, jak przechodzić do konkretnych wierszy w panelu Źródła
- Chrome
Łatwe przechodzenie do detektorów zdarzeń
Dowiedz się, jak wyświetlić definicję funkcji zarejestrowanego detektora zdarzeń w dowolnym węźle.
- Chrome
Wysoka wydajność wideo ze sprzętowym dekodowaniem
Sprzętowa obsługa wideo umożliwia wydajne dekodowanie wtyczek i filmów HTML5. Użytkownicy Flasha powinni przejść ze starego stylu „Video” na obiekt StageVideo.
- Chrome
Wyróżnienia szczegółowe
Zobacz dokładną uruchomioną instrukcję ze szczegółowym wyróżnieniem.
- Chrome
Załaduj ponownie
Po otwarciu Narzędzi deweloperskich kliknij i przytrzymaj przycisk ponownego załadowania, aby zobaczyć więcej opcji.
- Chrome
Modyfikacje lokalne
Modyfikacje lokalne pozwalają sprawdzić, jakie zmiany zostały wprowadzone (przy użyciu Narzędzi deweloperskich) w określonych plikach źródłowych.
- Chrome
Przełączaj między edytowaniem lokalizacji
Historia pozycji kursora jest zachowywana w panelu Źródła, co umożliwia przełączanie się między poprzednimi lokalizacjami edycji za pomocą klawisza Alt (do tyłu) lub Alt (do przodu).
- Chrome
Skopiuj odpowiedź zasobu sieciowego do schowka
Oprócz kopiowania nagłówków żądań i odpowiedzi z zasobu sieciowego możesz też skopiować samą odpowiedź.
- Chrome
Zaznaczanie kolumn przez przeciąganie
Możesz zaznaczyć kolumnę w edytorze panelu Źródła, przytrzymując klawisz Alt i przeciągając myszą.
- Chrome
Wstępnie zdefiniowane fragmenty kodu
Jak uruchamiać wstępnie zdefiniowane fragmenty kodu na dowolnej stronie internetowej.
- Chrome
Szybka edycja tagów elementów
Możesz dwukrotnie kliknąć nazwę tagu otwierającego węzła w panelu Elementy, aby go edytować.
- Chrome
Skopiuj obraz jako identyfikator URI danych
Kliknij prawym przyciskiem myszy podgląd obrazu w panelu zasobów, aby skopiować go jako identyfikator URI danych (zakodowany w formacie Base64).
- Chrome
Pokaż w panelu Elementy
Pokaż węzły DOM w panelu Elementy w konsoli.
- Chrome
Zobacz pasujące selektory
Gdy wyświetlasz selektor w panelu stylów, rozdzielone przecinkami fragmenty selektorów mają różne kolory w zależności od tego, czy pasują do wybranego węzła DOM.
- Chrome
Szybkie monitorowanie zdarzeń z poziomu panelu konsoli
Możesz rejestrować wszystkie zdarzenia wysyłane do obiektu za pomocą metody monitorEvents(obiekt [, zdarzenia]) w interfejsie wiersza poleceń.
- Chrome
Kliknij Command, aby dodać wiele kursorów w panelu źródeł
Dowiedz się, jak edytować wiele kursorów w panelu źródeł w Narzędziach deweloperskich.
- Chrome
Alt + kliknij, aby rozwinąć wszystkie węzły podrzędne
Alt + 43; Kliknij, aby rozwinąć wszystkie węzły podrzędne
- Chrome
- Narzędzia deweloperskie w Chrome
Przełączanie stanu dokowania w Narzędziach deweloperskich za pomocą skrótu klawiszowego
Aby przełączyć stan dokowania w Narzędziach deweloperskich między 2 ostatnio używanymi stanami, naciśnij Cmd + Shift + D.
- Chrome
Przełączanie stanu dokowania w Narzędziach deweloperskich za pomocą skrótu klawiszowego
Aby przełączyć stan dokowania w Narzędziach deweloperskich między 2 ostatnio używanymi stanami, naciśnij Cmd + Shift + D.
- Chrome
Nieukończone żądania sieciowe
Aby zobaczyć nieukończone żądania sieciowe (np. – zaawansowany filtr sieci), możesz użyć filtra Is:running Advanced.
- Chrome
Edytor wygładzania
Wybierz właściwość CSS wygładzania, aby zobaczyć animowany podgląd jej działania.
- Chrome
Automatyczne wielkie litery w aplikacjach mobilnych
W rezultacie pojawiają się kolejne problemy z wpisywaniem tekstu u użytkowników.
- Chrome
Polecenia wycinania i kopiowania
Obsługa poleceń wycinania i kopiowania umożliwia automatyczne wycinanie i kopiowanie zaznaczonego tekstu do schowka użytkownika.
- Chrome
Emuluj i testuj inne przeglądarki
Twoim zadaniem nie jest zapewnienie poprawnego działania witryny w Chrome i na Androidzie. Choć tryb urządzenia może symulować wiele innych urządzeń, np. iPhone, zachęcamy do wypróbowania innych rozwiązań do emulacji przeglądarek.
- Narzędzia deweloperskie w Chrome
Zdalne debugowanie urządzeń z Androidem
Zdalnie debuguj opublikowane treści na urządzeniu z Androidem za pomocą komputera z systemem Windows, Mac lub Linux.
- Narzędzia deweloperskie w Chrome
Atrybuty DOM są teraz w łańcuchu prototypu
Chrome dopasowuje się do specyfikacji. Sprawdź swoje witryny, jeśli zakładasz, że wykorzystujesz logikę WebKit w zakresie propagacji atrybutów
- Chrome
Komponenty WebView zdalnego debugowania
Debuguj komponenty WebView w natywnych aplikacjach na Androida za pomocą Narzędzi deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Debuguj pierwotny kod zamiast wdrażać go za pomocą map źródłowych
Zadbaj o czytelność i debugowanie kodu po stronie klienta nawet po połączeniu, zminifikowaniu lub skompilowaniu.
- Narzędzia deweloperskie w Chrome
Dokumentacja interfejsu Console Utilities API
Kilka przydatnych funkcji dostępnych w konsoli Narzędzi deweloperskich w Chrome.
- Narzędzia deweloperskie w Chrome
Wyświetl zasoby strony
porządkować zasoby według ramki, domeny, typu lub innych kryteriów;
- Narzędzia deweloperskie w Chrome
Permissions API for the web
Interfejs Permissions API to centralne miejsce do sprawdzania stanu uprawnień interfejsu API.
- Chrome
Uproszczone nazewnictwo animacji internetowych
W odpowiedzi na opinie deweloperów zmieniliśmy nazwy niektórych nadchodzących funkcji animacji internetowych.
- Chrome
Narzędzia deweloperskie w nowym miejscu
Przenieśliśmy się do lśniącej nowej strony na stronie developer.google.com/web, gdzie znajdziesz nowe, przydatne samouczki i wskazówki.
- Chrome
Oś czasu w Narzędziach deweloperskich – teraz zawiera pełną treść
Zaktualizowaliśmy panel osi czasu w Narzędziach deweloperskich w Chrome, aby deweloperzy mieli większy wgląd w działanie witryny w czasie działania.
- Chrome
Powiadomienia push w otwartej sieci
Wiadomości push i powiadomienia pojawią się w Chrome 42.
- Chrome
Zarządzanie pamięcią offline w formacie HTML5
Jak zapisywać dane po stronie klienta w aplikacji Chrome, aby działały w trybie offline
Tworzenie semantycznych witryn przy użyciu komponentów sieciowych i kodu JSON-LD
Dodaj do komponentów znaczniki schema.org i zadbaj o to, by były przyjazne dla wyszukiwarek.
- Chrome
Chrome Dev Summit 2014 – Czas stworzyć kilka aplikacji dzięki Polymer
Tworzenie aplikacji w technologii Polymer
- Chrome
Uzyskiwanie literału z ciągami znaków szablonu ES6
Literały ciągów szablonów z osadzonymi wyrażeniami. Na to czekaliśmy od dawna. Dosłownie
- Chrome
Czym jest wirtualny widoczny obszar?
Wirtualny widoczny obszar rozdziela układ i wyświetlanie widocznego obszaru.
- Chrome
image-rendering:pixelated
Pikselizacja kraju. Teraz w Chrome 41
- Chrome
Zachowanie stanu podczas mutacji DOM za pomocą funkcji moveBefore()
przenosić węzły w DOM bez utraty stanu krytycznego;
- Chrome
Moduły udostępnione
Udostępnianie kodu między rozszerzeniami do Chrome
- Rozszerzenia do Chrome
Chrome Dev Summit 2014 – Polymer – „State of the Union”
Stan Polymer Union.
- Chrome
Moduły udostępnione
Udostępnianie kodu między rozszerzeniami do Chrome
- Rozszerzenia do Chrome
Natywny komunikat o instalacji aplikacji
Banery natywne promujące instalacje aplikacji pozwalają użytkownikom szybko i bezproblemowo zainstalować na urządzeniu aplikację natywną ze sklepu z aplikacjami, bez opuszczania przeglądarki.
- Chrome
Wiadomości natywne
Jak wymieniać wiadomości z natywnymi aplikacjami z aplikacji Chrome.
Sterowanie odtwarzaniem animacji internetowych w Chrome 39
Więcej informacji o odtwarzaniu animacji internetowej
- Chrome
Podstawy tworzenia witryn mobilnych
Krótka lekcja działań podejmowanych przez zespół Chrome, które pomagają deweloperom tworzyć strony internetowe i ponownie je aktualizować.
- Chrome
Potrzeba opinii dewelopera – Frame Timing API
Pracujemy nad nowym interfejsem API, który ułatwi pomiar liczby klatek na sekundę w środowisku naturalnym, ale potrzebujemy Twojej opinii.
- Chrome
Obsługa kolorów motywów w Chrome 39 na Androida
Użyj motywu (kolor), aby ustawić kolor paska narzędzi w Chrome na Androida.
- Chrome
Utwórz aplikację Chrome Todo
Wprowadzenie do ćwiczeń z programowania
Krok 5. Dodaj obrazy z internetu
Jak dodawać obrazy do aplikacji Chrome za pomocą XHR i ObjectURL
Krok 2. Zaimportuj istniejącą aplikację internetową
Jak dostosować istniejącą aplikację internetową do platformy aplikacji Chrome.
Krok 7. Opublikuj aplikację
Jak opublikować aplikację Chrome w Chrome Web Store.
Krok 1. Utwórz i uruchom aplikację Chrome
Tworzenie, instalowanie, uruchamianie i debugowanie podstawowej aplikacji Chrome.
Krok 4. Otwieraj linki zewnętrzne za pomocą komponentu WebView
Jak wyświetlać zewnętrzne treści internetowe w aplikacji Chrome.
Krok 6. Wyeksportuj zadania do wykonania do systemu plików
Jak zapisywać informacje w systemie plików z aplikacji Chrome.
Krok 3. Dodaj alarmy i powiadomienia
Jak wybudzać aplikację Chrome o określonych odstępach czasu i używać powiadomień.
Generatory – niezrozumiałe fragmenty
Omówienie generatorów ES6.
- Chrome
Wysyłanie danych typu beacon w Chrome 39
Chrome 39 korzysta z interfejsu Beacon API, który umożliwia wysyłanie niewielkich asynchronicznych żądań HTTP podczas zdarzeń wyładowania strony.
- Chrome
Precyzyjny dotyk – precyzyjne gesty
Zdarzenia TouchEvents w Chrome zostały zmienione tak, aby zwracały wartości zmiennoprzecinkowe zamiast liczb całkowitych ze względu na różną gęstość ekranu. Dzięki temu otrzymujesz bardziej szczegółowe informacje zwrotne w przypadku powolnych gestów.
- Chrome
Łatwiejsza konwersja tablicy tablica Buffer na ciąg znaków za pomocą interfejsu Encoding API
Natywny interfejs Encoding API zapewnia prosty sposób konwersji między nieprzetworzonymi danymi binarnymi a ciągami znaków JavaScript.
- Chrome
Gromadzenie i powtarzanie w sposób ES6
Mapy, zestawy, a także...iteracje to funkcje ES6, które mogą zmienić sposób pracy ze zbiorami danych.
- Chrome
Zmiany Web Audio w M36
Opis sposobu czyszczenia standardów Web Audio w Chrome 36
- Chrome
element okna dostarczony w Chrome 37 w wersji beta
Chrome w wersji beta już obsługuje własne elementy
- Chrome
Podsumowanie narzędzi deweloperskich – Chrome 35
Aktualizacje narzędzi dla deweloperów w Chrome 35
- Chrome
Korzystanie z interfejsu Notification API
Pokazuj powiadomienia użytkownikom rozszerzeń do Chrome.
- Rozszerzenia do Chrome
Interfejs API rozszerzonych powiadomień
Jak wyświetlać powiadomienia użytkownikom rozszerzenia do Chrome.
- Rozszerzenia do Chrome
Automatyzacja pomiaru skuteczności witryny
Używaj PSI do dodawania danych o wydajności witryn do procesu kompilacji.
- Chrome
Obsługa bloba IndexedDB już w wersji deweloperskiej Chrome
Długo oczekiwana funkcja Chrome – obsługa obiektów Blob w IndexedDB została udostępniona w Chrome w wersji deweloperskiej.
- Chrome
Silniki do gier
Zalecane silniki gier dla Aplikacji Chrome.
Animacje internetowe – element element.animate() jest teraz w Chrome 36
Animacje internetowe definiują model obsługi animacji i synchronizacji na platformie internetowej. Element.animate() jest pierwszym z tych elementów w Chrome.
- Chrome
Bardziej zgodny i płynniejszy interfejs
Ty i Twoi użytkownicy potrzebujecie aplikacji internetowych, które reagują na dotyk i płynnie przewijają ekran. Ich tworzenie powinno być proste, ale sposób, w jaki przeglądarki mobilne reagują na zdarzenia dotknięcia podczas przewijania, pozostaje częścią szczegółów implementacji w specyfikacji [TouchEvent](https://www.w3.org/TR/touch-events/).
- Chrome
Uruchamianie aplikacji Chrome na urządzeniach mobilnych przy użyciu Apache Cordova
Przewodnik po konfiguracji środowiska Apache Cordova na urządzeniach z Androidem i iOS
Debugowanie asynchronicznego kodu JavaScript za pomocą Narzędzi deweloperskich w Chrome
Potężną funkcją, która wyróżnia JavaScript, jest możliwość działania asynchronicznego za pomocą funkcji wywołania zwrotnego. Przypisanie wywołań asynchronicznych pozwala pisać kod oparty na zdarzeniach, ale powoduje też, że śledzenie błędów staje się
- Chrome
Znajdź się w siatce CSS
Układ siatki CSS to nowy moduł CSS3, który udostępnia nowe podstawowe elementy podstawowe układu idealnie do stosowania w aplikacjach internetowych.
- Chrome
Bluetooth
Jak komunikować się z urządzeniami Bluetooth z poziomu aplikacji Chrome.
Plik manifestu – Bluetooth
Dokumentacja dotycząca właściwości Bluetooth pliku manifest.json.
Zmiany w Hostingu Chrome 33
Szczegółowe informacje o zmianach w hostowaniu rozszerzeń do Chrome, które wprowadziliśmy w wersji 33 przeglądarki Chrome.
- Rozszerzenia do Chrome
Pierwsze kroki
Szczegółowe instrukcje tworzenia rozszerzenia do Chrome.
- Rozszerzenia do Chrome
WebView w każdym pikselu
Jak tworzyć idealne interfejsy WebView.
Samouczek: przenoszenie do platformy Manifest V2
Wytyczne dotyczące migracji z pliku manifestu w wersji 1 do wersji 2.
- Rozszerzenia do Chrome
Porady i wskazówki
Wskazówki i porady dotyczące ulepszania aplikacji WebView.
Przepływ pracy w WebView
Samouczek, który pokazuje, jak tworzyć aplikacje internetowe za pomocą Yeoman, Gradle i Grunt.
Najczęstsze pytania
Najczęstsze pytania dotyczące rozszerzeń do Chrome.
- Rozszerzenia do Chrome
Aplikacje WebView dla programistów stron internetowych
Samouczek, który pokazuje, jak tworzyć aplikacje internetowe za pomocą Yeoman, Gradle i Grunt.
Podsumowanie narzędzi deweloperskich
Aktualizacje Narzędzi dla programistów w Chrome 33
- Chrome
chrome.location
Dokumentacja interfejsu chrome.location API.
- Rozszerzenia do Chrome
Comiesięczne podsumowanie Yeoman
Comiesięczne podsumowanie wysokiej jakości artykułów, generatorów i aktualności związanych z Jeomanem.
- Chrome
Zastępowanie ustawień Chrome
Zastępowanie ustawień Chrome w rozszerzeniu do Chrome
- Rozszerzenia do Chrome
Zastępowanie ustawień Chrome
Zastępowanie ustawień Chrome w rozszerzeniu do Chrome
- Rozszerzenia do Chrome
Yo Polymer – A Whirlwind Tour of Web Komponent Tooling
Szybka prezentacja komponentów sieciowych, platformy Polymer i ich interfejsów.
- Chrome
Aplikacje internetowe, które mówią – wprowadzenie do Speech Synthesis API
Wprowadzenie do funkcji syntezy interfejsu Web Speech API.
- Chrome
Chrome Dev Summit – podsumowanie dotyczące platform
Platformy
- Chrome
Chrome Dev Summit – podsumowanie wydajności
Wydajność ma znaczenie
- Chrome
gniazdka
Dokumentacja dotycząca właściwości sockets pliku manifest.json.
Chrome Dev Summit – otwórz podsumowanie platformy internetowej
Możliwości Open Web Platform rozwijają się w tempie niespotykanym wcześniej. Na konferencji Chrome Dev Summit mówiliśmy o tym, jak pracujemy nad ulepszeniem Blink, bezpieczeństwa i multimediów na platformie.
- Chrome
Chrome Dev Summit – deklaracyjne komponenty z polimeru, zamknięte komponenty wielokrotnego użytku
Polymer to brama do niesamowitej przyszłości komponentów sieciowych. Dowiedz się więcej o komponentach internetowych i Polymer z Chrome Dev Summit
- Chrome
Chrome Dev Summit – podsumowanie dotyczące urządzeń mobilnych
Oto pierwszy z serii raportów z Chrome Dev Summit. Duży nacisk kładliśmy na tworzenie aplikacji mobilnych i na różne urządzenia, więc zaczniemy od tego.
- Chrome
Comiesięczne podsumowanie Yeoman
Regularne przegląd artykułów, filmów i wykładów autorstwa społeczności Yeomańskiej.
- Chrome
Nowy mechanizm animacji stron internetowych w mgnieniu oka generuje animacje i przejścia CSS
Implementacja Animacji internetowych 1.0 jest teraz dostępna w wersji Blink dla animacji i przejściach CSS.
- Chrome
Podsumowanie narzędzi deweloperskich, grudzień 2013
Najnowsza aktualizacja do zmian w Narzędziach deweloperskich w Chrome.
- Chrome
300 ms opóźnienia kliknięcia, wycofane
Każde kliknięcie w przeglądarce mobilnej jest opóźnione o 300 ms, ale w Chrome 32 w przypadku witryn zoptymalizowanych pod kątem urządzeń mobilnych zniknęło to już w Chrome 32.
- Chrome
Terminal DevTools
Używanie terminala z Narzędzi deweloperskich
- Chrome
Plik manifestu dotyczący pamięci zarządzanej
Dokumentacja na temat właściwości przechowywania pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu dotyczący obszarów przechowywania
Dokumentacja na temat właściwości przechowywania pliku manifest.json.
- Rozszerzenia do Chrome
Narzędzia deweloperskie w Chrome na urządzenia mobilne
Screencast i emulacja
- Chrome
Podsumowanie listopadowe w Narzędziach deweloperskich w Chrome
Narzędzia deweloperskie w Chrome działają szybko, więc chcemy zwrócić Twoją uwagę na nowe funkcje i ulepszenia wprowadzone w kilku komponentach. Za chwilę omówimy niektóre zmiany w interfejsie użytkownika, profilowanie JS w wysokiej rozdzielczości i
- Chrome
Comiesięczne podsumowanie Yeoman
Regularne przegląd artykułów, filmów i wykładów autorstwa społeczności Yeomańskiej.
- Chrome
Automatyzacja rozwoju frontendu (Prezentacje)
Dowiedz się, jak zwiększyć produktywność frontendu za pomocą narzędzi do automatyzacji przepływów pracy.
- Chrome
Urządzenia seryjne
Jak komunikować się z urządzeniami szeregowymi za pomocą aplikacji Chrome.
Wejście audio na żywo do Web Audio – teraz w Androidzie
Chrome na Androida (v31.0.1650+) właśnie obsługuje wprowadzanie dźwięku przez interfejs Web Audio API.
- Chrome
Układ Flexbox nie jest powolny
Dobra wiadomość! Nowy Flexbox jest 2,3 razy szybszy niż stary Flexbox.
- Chrome
Odpowiedzi na pytania w Narzędziach deweloperskich – co to za czcionka?
Zdarzyło Ci się zastanawiać, która czcionka jest faktycznie używana do renderowania tekstu? Narzędzia deweloperskie w Chrome pokazują wszystko.
- Chrome
element okna dialogowego: proste układy modalne
Czy kiedykolwiek utworzyłeś własne okno modalne? Już niedługo nie będzie to konieczne, ponieważ okna dialogowe stają się częścią platformy internetowej.
- Chrome
url_handlers
Dokumentacja właściwości url_handlers pliku manifest.json.
externally_connectable
Dokumentacja dotycząca właściwości external_connectable pliku manifest.json.
- Rozszerzenia do Chrome
externally_connectable
Dokumentacja dotycząca właściwości external_connectable pliku manifest.json.
- Rozszerzenia do Chrome
Analytics
Jak zintegrować Google Analytics z aplikacją Chrome.
Przezroczystość alfa w filmie Chrome
Aplikacja WebM właśnie wprowadziła przezroczystość w wersji alfa. Jest już obsługiwana w Chrome 31.
- Chrome
Chrome DevTools Revolutions 2013
Wraz ze wzrostem złożoności i funkcjonalności aplikacji internetowych zwiększa się też znaczenie Narzędzi deweloperskich w Chrome. W tym podsumowaniu prezentacji Paul Irisha z Google I/O 2013 Chrome DevTools Revolutions 2013 znajdziesz najnowsze
- Chrome
Zmieniono składnię sourceMappingURL i składnię adresu sourceURL
Zmieniono składnię sourceMappingURL i składnię adresu sourceURL
- Chrome
Plik manifestu – piaskownica
Dokumentacja na temat właściwości piaskownicy pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – ikony
Dokumentacja na temat właściwości ikon w pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – klucz
Dokumentacja dotycząca kluczowej właściwości pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – imię i nazwisko oraz krótka nazwa
Dokumentacja dotycząca właściwości name i short_name pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – piaskownica
Dokumentacja na temat właściwości piaskownicy pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – opis
Dokumentacja na temat właściwości description w pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – zasoby dostępne w internecie
Dokumentacja właściwości web_accessible_resources pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – tryb offline włączony
Dokumentacja dotycząca właściwości offline_enabled pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – URL strony głównej
Dokumentacja dotycząca właściwości Home_url pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – nazwa
Dokumentacja na temat właściwości nazwy w pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – ikony
Dokumentacja na temat właściwości ikon w pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – klucz
Dokumentacja dotycząca kluczowej właściwości pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – opis
Dokumentacja na temat właściwości description w pliku manifest.json.
- Rozszerzenia do Chrome
Manifest V2 – wersja [wycofana]
Dokumentacja dotycząca właściwości wersji pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – moduły Nacl
Dokumentacja na temat właściwości nacl_modules pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – minimalna wersja Chrome
Dokumentacja dotycząca właściwości minimum_chrome_version pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – tryb incognito
Dokumentacja dotycząca właściwości incognito pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – domyślny język
Dokumentacja dotycząca właściwości default_locale pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – short_name
Dokumentacja dotycząca właściwości short_name pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – wersja
Dokumentacja dotycząca właściwości wersji pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – domyślny język
Dokumentacja dotycząca właściwości default_locale pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – wymagania
Dokumentacja dotycząca właściwości wymagań pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – URL strony głównej
Dokumentacja dotycząca właściwości Home_url pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – zasoby dostępne w internecie
Dokumentacja właściwości web_accessible_resources pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – wymagania
Dokumentacja dotycząca właściwości wymagań pliku manifest.json.
- Rozszerzenia do Chrome
Plik manifestu – tryb incognito
Dokumentacja dotycząca właściwości incognito pliku manifest.json.
- Rozszerzenia do Chrome
Wersja pliku manifestu
Dokumentacja na temat właściwości „manifest_version” w pliku manifest.json.
- Rozszerzenia do Chrome
Aplikacje kiosku
Dokumentacja dotycząca właściwości kiosku_enabled w pliku manifest.json.
Plik manifestu – moduły obsługi plików
Dokumentacja na temat właściwości file_handlers pliku manifest.json.
Plik manifestu – aplikacja
Dokumentacja dotycząca właściwości aplikacji w pliku manifest.json.
Wprowadzenie do filtrów niestandardowych (tzw. CSS Shader)
Wprowadzenie do filtrów niestandardowych (tzw. CSS Shader)
Wizualizacja koncepcji shadow DOM
Wizualizacja koncepcji shadow DOM
- Chrome
Co to są rozszerzenia?
Omówienie przeznaczenia rozszerzeń do Chrome i sposobu ich tworzenia.
- Rozszerzenia do Chrome
Profilowanie długiego czasu wyrenderowania za pomocą narzędzi deweloperskich; tryb ciągłego malowania
Profilowanie długiego czasu wyrenderowania za pomocą narzędzi deweloperskich; tryb ciągłego malowania
- Chrome
WebRTC – wersja demonstracyjna RTCDataChannel, zmiany w interfejsie API, a Chrome komunikuje się z Firefoksem
WebRTC – wersja demonstracyjna RTCDataChannel, zmiany w interfejsie API, a Chrome komunikuje się z Firefoksem
- Chrome
Skróty CSS w przeglądarkach mobilnych WebKit
Skróty CSS w przeglądarkach mobilnych WebKit
- Chrome
Aplikacje internetowe na podstawie głosu – wprowadzenie do interfejsu Web Speech API
Aplikacje internetowe oparte na głos – wprowadzenie do interfejsu Web Speech API
- Chrome
Udostępnianie ekranu za pomocą WebRTC
Udostępnianie ekranu za pomocą WebRTC
- Chrome
Obrazy tła tworzone na płótnie
Zasilanie tła CSS za pomocą kanwy lub webgl
- Chrome
WebRTC działa w Firefoksie, Androidzie i iOS
WebRTC działa w Firefoksie, Androidzie i iOS
- Chrome
Tworzenie aplikacji za pomocą AngularJS
Przewodnik tworzenia aplikacji Chrome przy użyciu AngularJS.
Content Security Policy 1.0 jest oficjalnie świetna
Content Security Policy 1.0 jest oficjalnie świetna
- Chrome
Reagowanie na zmianę za pomocą narzędzia Object.observe
Reagowanie na zmianę za pomocą narzędzia Object.observe
- Chrome
Tworzenie aplikacji za pomocą Sencha Ext JS
Jak tworzyć aplikacje Chrome za pomocą platformy Sencha Ext JS.
Deklarowanie uprawnień
Omówienie prawidłowych wartości właściwości uprawnień w pliku manifest.json.
- Rozszerzenia do Chrome
Interaktywna kula ziemska z cieniami CSS i Mapami Google
Interaktywna kula ziemska z cieniowaniem CSS i Mapami Google
- Chrome
Uprawnienie ActiveTab
Jak używać uprawnienia activeTab w rozszerzeniu do Chrome.
- Rozszerzenia do Chrome
Uprawnienie „activeTab”
Jak używać uprawnienia activeTab w rozszerzeniu do Chrome.
- Rozszerzenia do Chrome
Daj użytkownikom różne możliwości
Jak umożliwić użytkownikom dostosowywanie rozszerzenia.
- Rozszerzenia do Chrome
Przekazywanie wiadomości
Informacje o przekazywaniu komunikatów między rozszerzeniami a skryptami treści.
- Rozszerzenia do Chrome
Wzorce dopasowania
Jak działa dopasowywanie uprawnień hosta i skryptów treści (z przykładami).
- Rozszerzenia do Chrome
Format pliku manifestu
Omówienie właściwości pliku manifest.json rozszerzenia do Chrome.
- Rozszerzenia do Chrome
Omówienie architektury
Ogólne omówienie architektury oprogramowania rozszerzeń do Chrome.
- Rozszerzenia do Chrome
Włączono wejście audio w internecie na żywo
Włączono wejście audio w internecie na żywo
- Chrome
Wersja pliku manifestu
Właściwość manifest_version pliku manifest.json wskazuje, do której wersji specyfikacji pliku manifestu jest przeznaczone rozszerzenie do Chrome.
- Rozszerzenia do Chrome
Korzystanie z eval w rozszerzeniach do Chrome
Sposób korzystania z metody eval() w rozszerzeniu do Chrome
- Rozszerzenia do Chrome
Debugowanie rozszerzeń
Szczegółowe instrukcje debugowania rozszerzeń do Chrome.
- Rozszerzenia do Chrome
Czym są motywy?
Wskazówki dotyczące tworzenia motywu.
- Rozszerzenia do Chrome
OAuth2: uwierzytelnianie użytkowników za pomocą Google
Szczegółowe instrukcje tworzenia rozszerzenia uzyskującego dostęp do kontaktów Google użytkownika za pomocą interfejsów Google People API, Chrome Identity API i protokołu OAuth2.
- Rozszerzenia do Chrome
Czym są motywy?
Wskazówki dotyczące tworzenia motywu.
- Rozszerzenia do Chrome
Samouczek: Google Analytics
Szczegółowe instrukcje śledzenia użycia rozszerzenia za pomocą Google Analytics.
- Rozszerzenia do Chrome
Deklarowanie uprawnień i ostrzeganie użytkowników
Jak wdrożyć uprawnienia, aby chronić użytkowników i rozszerzenie.
- Rozszerzenia do Chrome
Formaty wiadomości dotyczących lokalizacji
Zapoznaj się z dokumentacją dotyczącą formatu pliku messages.json na potrzeby rozszerzeń do Chrome.
- Rozszerzenia do Chrome
Używanie eval() w elementach iframe umieszczonych w piaskownicy
Sposób korzystania z metody eval() w rozszerzeniu do Chrome
- Rozszerzenia do Chrome
Żądania sieci z innych domen
Zaimplementuj w rozszerzeniu do Chrome żądania sieciowe z innych domen.
- Rozszerzenia do Chrome
XMLHttpRequest z innych domen
Jak zaimplementować XHR z innych domen w rozszerzeniu do Chrome.
- Rozszerzenia do Chrome
Przekazywanie wiadomości
Informacje o przekazywaniu komunikatów między rozszerzeniami a skryptami treści.
- Rozszerzenia do Chrome
Debugowanie rozszerzeń
Instrukcje dotyczące debugowania rozszerzeń do Chrome.
- Rozszerzenia do Chrome
OAuth 2.0: uwierzytelnianie użytkowników w Google
Szczegółowe instrukcje tworzenia rozszerzenia uzyskującego dostęp do kontaktów Google użytkownika za pomocą interfejsów Google People API, Chrome Identity API i protokołu OAuth2.
- Rozszerzenia do Chrome
Zastąp strony Chrome
Zastępować ustawienia Menedżera zakładek, historii i nowej karty w rozszerzeniu do Chrome.
- Rozszerzenia do Chrome
Zastępowanie stron Chrome
Zastępować ustawienia Menedżera zakładek, historii i nowej karty w rozszerzeniu do Chrome.
- Rozszerzenia do Chrome
Daj użytkownikom różne możliwości
Jak umożliwić użytkownikom dostosowywanie rozszerzenia.
- Rozszerzenia do Chrome
Wzorce dopasowania
Omówienie wzorców dopasowania adresów URL w rozszerzeniach do Chrome.
- Rozszerzenia do Chrome
Chrome Web Store
Jak hostować rozszerzenie w Chrome Web Store i aktualizować rozszerzenie hostowane w Chrome Web Store.
- Rozszerzenia do Chrome
Format pliku manifestu
Omówienie właściwości pliku manifest.json, których możesz używać w rozszerzeniu do Chrome.
- Rozszerzenia do Chrome
Użyj Google Analytics 4
Szczegółowe instrukcje śledzenia użycia rozszerzenia w Google Analytics 4.
- Rozszerzenia do Chrome
Skrypty treści
Objaśnienie skryptów treści i sposobów ich użycia w rozszerzeniu do Chrome.
- Rozszerzenia do Chrome
Architektura MVC
Omówienie modelu architektury oprogramowania kontrolera widoku modelu.
Cykl życia aplikacji Chrome
Omówienie cyklu życia aplikacji Chrome.
Wersja pliku manifestu
Dokumentacja na temat właściwości „manifest_version” w pliku manifest.json.
Najpierw offline
Jak tworzyć aplikacje Chrome działające offline
Ułatwienia dostępu (A11y)
Jak ułatwić dostęp do rozszerzenia Manifest V2 do Chrome.
- Rozszerzenia do Chrome
Alternatywne opcje dystrybucji rozszerzeń
Jak rozpowszechniać rozszerzenia do Chrome poza Chrome Web Store.
- Rozszerzenia do Chrome
(standard) Content Security Policy
Omówienie CSP dla aplikacji Chrome i sposoby jego przestrzegania.
Zarządzanie zdarzeniami za pomocą skryptów działających w tle
Jak odpowiadać na reguły przeglądarki (zdarzenia) wywoływane przez skrypt działający w tle rozszerzenia do Chrome.
- Rozszerzenia do Chrome
Rozszerzanie narzędzi deweloperskich
Jak utworzyć rozszerzenie do Chrome, które wzbogaca funkcjonalność Narzędzi deweloperskich w Chrome.
- Rozszerzenia do Chrome
Treści zewnętrzne
Jak prezentować treści zewnętrzne w aplikacji Chrome
Skrypty treści
Objaśnienie skryptów treści i sposobów ich użycia w rozszerzeniu do Chrome.
- Rozszerzenia do Chrome
Komunikacja sieciowa
Jak używać protokołów TCP i UDP w aplikacji Chrome.
Internetowe interfejsy API
Aplikacje Chrome mogą korzystać ze wszystkich interfejsów API dostępnych dla stron internetowych.
Automatyczna aktualizacja
Jak włączyć automatyczne aktualizowanie aplikacji Chrome.
Utwórz pierwszą aplikację
Samouczek tworzenia podstawowej aplikacji Chrome.
Urządzenia USB
Jak komunikować się z urządzeniami USB przy użyciu aplikacji Chrome.
Omówienie tworzenia rozszerzeń
Omówienie funkcji i komponentów rozszerzeń do Chrome.
- Rozszerzenia do Chrome
Architektura aplikacji Chrome
Omówienie architektury oprogramowania Aplikacji Chrome.
Korzystanie z alternatywnych metod instalacji
Instalowanie rozszerzeń do Chrome przy użyciu rejestru systemu Windows lub ustawień w formacie JSON.
- Rozszerzenia do Chrome
Pomoc w ułatwieniach dostępu
Jak ułatwić dostęp do rozszerzenia do Chrome.
- Rozszerzenia do Chrome
Interfejsy API pamięci masowej
Obsługa pamięci w aplikacji Chrome.
Uwierzytelnianie użytkowników
Jak uwierzytelnić użytkowników w aplikacji Chrome.
Narzędzia dla programistów Extend
Jak utworzyć rozszerzenie do Chrome, które dodaje funkcje do Narzędzi deweloperskich w Chrome.
- Rozszerzenia do Chrome
Rozszerzone powiadomienia w WebKit
Jak zaimplementować powiadomienia w rozszerzeniu do Chrome.
- Rozszerzenia do Chrome
Sposób ułożenia zmian w elementach item:stałych
zmiany w kolejności nałożone na elementy pozycja:stałe
- Chrome
Pozycja przyklejona – elementy docelowe w WebKit
Pozycja przyklejona – elementy docelowe w WebKit
- Chrome
Integracja danych wejściowych[type=file] z interfejsem Filesystem API
Integracja danych wejściowych[type=file] z interfejsem Filesystem API
- Chrome
Kiedy milisekundy to za mało – wydajność.now
Kiedy milisekundy to za mało – wydajność.now
- Chrome
lista danych dla wprowadzania zakresu/kolorów udostępnia domyślne opcje
lista danych dla wprowadzania zakresu/kolorów udostępnia domyślne opcje
- Chrome
Szybkie najczęstsze pytania na temat wprowadzania[type=date] w Google Chrome
Szybkie najczęstsze pytania na temat wprowadzania[type=date] w Google Chrome
- Chrome
Mierzenie wydajności grafiki w przeglądarce
Mierzenie wydajności grafiki przeglądarki.
- Chrome
Przeciąganie i upuszczanie folderu w Chrome jest już dostępne
Przeciąganie i upuszczanie folderu w Chrome jest już dostępne
- Chrome
Przybył! xhr.send(SlateBufferViews)
Przybył! xhr.send(SlateBufferViews)
- Chrome
Wykorzystanie akceleracji GPU w obszarze roboczym 2D
Wykorzystanie akceleracji GPU w obszarze roboczym 2D
- Chrome
Tworzenie odwracanej książki za pomocą funkcji CSS Regions i przekształceń 3D
Tworzenie odwracanej książki za pomocą funkcji CSS Regions i przekształceń 3D
- Chrome
(standard) Content Security Policy
Content Security Policy może znacznie zmniejszyć ryzyko i wpływ ataków typu cross-site scripting (XSS) w nowoczesnych przeglądarkach.
Jak przekonwertować obiekt SlateBuffer na ciąg znaków i z niego
Jak przekonwertować obiekt SlateBuffer na ciąg znaków i z niego
- Chrome
Nie twórz obiektów blob, tylko buduj je
Najnowsze zmiany w specyfikacji interfejsu File API obejmują nowy konstruktor obiektu Blob, który w zasadzie sprawia, że BlobBuilder nie ma znaczenia.
- Chrome
Narzędzie Websocket Frame Inspection jest teraz dostępne w Narzędziach deweloperskich w Chrome
Dodanie możliwości inspekcji w danych przechodzących przez kabel w WebSockets
- Chrome
w Chrome Canary
Za pomocą argumentu „datalist” aplikacja może zdefiniować listę sugerowanych wyników, które użytkownicy powinni wybrać. Mogą wybrać opcję z listy lub wpisać dowolny tekst.
- Chrome
Przetwarzanie przesłanych plików XHR2 w języku PHP
Przykładowy kod serwera ilustrujący sposób obsługi przesyłania plików
- Chrome
Prototon WebRTC
24 marca firma Google zorganizowała pierwsze na świecie wydarzenie dla programistów WebRTC – Protothon WebRTC.
- Chrome
API requestAnimationFrame – teraz z dokładnością do mniej niż milisekundy
Wkrótce zmieni się część interfejsu API equestAnimationFrame
- Chrome
duży wzrost wydajności DOM – kod wewnętrznego kodu WebKit jest o 240% szybszy.
Inżynier Chrome Kentaro Hara wprowadził siedem optymalizacji kodu w WebKit, zwiększając wydajność zarówno przeglądarki Safari (JavaScriptCore), jak i Chrome (V8).
- Chrome
Podsumowanie zasobów wewnętrznych przeglądarki internetowej
Większość materiałów wyjaśniających wewnętrzne działanie przeglądarek
- Chrome
Przenoszenie całej strony do trybu offline przy użyciu interfejsu HTML5 FileSystem API
Interfejs FileSystem API umożliwia programowe przechowywanie plików i hierarchii folderów w lokalnym systemie plików (w piaskownicy), a następnie dodawanie, aktualizowanie i usuwanie poszczególnych zasobów w zależności od potrzeb.
- Chrome
Wprowadzenie do map źródeł JavaScript
Czy kiedykolwiek chciałeś, aby kod po stronie klienta był czytelny i co ważniejsze – łatwy do debugowania nawet po połączeniu i zminifikowaniu bez wpływu na wydajność? Teraz możesz to zrobić dzięki magii map źródeł. Mapy źródeł umożliwiają
- Chrome
Optymalizacja JavaScriptu
JavaScript jest względnie szybki, ale zawsze może działać szybciej. Więcej informacji o optymalizowaniu kodu JavaScript pod kątem wydajności.
- Chrome
Nowa eksperymentalna funkcja – arkusze stylów z ograniczonym zakresem
W Chromium pojawiła się niedawno nowa funkcja z zakresu arkuszy stylów HTML5
- Chrome
Prezentacja funkcji WebGL i interfejsu Web Audio API
Oto kilka ciekawych wersji demonstracyjnych WebGL i Web Audio API, które widziałem w ostatnich tygodniach.
- Chrome
SwiftShader wprowadza w Chrome programowe renderowanie 3D
SwiftShader to programowy mechanizm renderowania 3D używany w Chrome 18, który umożliwia korzystanie z CSS 3D i WebGL nawet na wyłączonych GPU.
- Chrome
Wykrywanie zmian DOM z pomocą obserwatorów mutacji
Wprowadzenie do obserwacji mutacji.
- Chrome
Obsługiwanie przez Gmaila wszystkich linków mailto- za pomocą parametru recordProtocolHandler
Dzięki navigator.registerProtocolHandler() możesz połączyć Gmaila jako domyślnego klienta poczty dla wszystkich linków mailto.
- Chrome
Chrome na Androida – przyspieszanie korzystania z internetu mobilnego
Chrome na Androida (beta) jest oparty na projekcie open source Chromium i zawiera wiele najnowszych funkcji HTML5, które programiści Chrome już znają i uwielbiają.
- Chrome
Pointer Lock API przenosi gry FPS do przeglądarki
Interfejs Pointer Lock API umożliwia pisanie prawidłowych strzelanek FPP w internecie.
- Chrome
Dźwięk HTML5 i interfejs Web Audio API to najlepsze funkcje
CreateMediaElementSource() pozwala połączyć HTML5 z wizualizacją, filtrowaniem i przetwarzaniem interfejsu Web Audio API.
- Chrome
Pozbywanie się synchronicznych komponentów XHR
Uwaga! Specyfikacja XMLHttpRequest2 została ostatnio zmieniona, aby uniemożliwić wysyłanie żądania synchronicznego, gdy ustawiona jest wartość XMLHttpRequest.responseType.
- Chrome
Najczęstsze pytania dotyczące Web Audio
Ta krótka aktualizacja stanowi odpowiedź na niektóre z najczęściej zadawanych pytań, która ma na celu ułatwienie korzystania z interfejsu Web Audio API.
- Chrome
Przedstawiamy przykładowy odtwarzacz wideo
Przykładowy odtwarzacz wideo to aplikacja internetowa open source odtwarzacza wideo oparta na tej samej architekturze co aplikacje 60 Minutes i RedBull.tv.
- Chrome
Strona docelowa efektów filtra CSS w WebKit
Firma Adobe ciężko pracowała, by wprowadzić tę niesamowitą technologię do usług porównywania cen. Chodzi mi w szczególności o CSS Filtr Effects 1.0, który został wdrożony przez WebKit.
- Chrome
Obiekty, które można przenieść – błyskawiczna
W przypadku obiektów możliwych do przeniesienia dane są przenoszone z jednego kontekstu do innego. Jest to zero-kopia, co znacznie zwiększa wydajność wysyłania danych do instancji roboczej.
- Chrome
W miarę możliwości używaj średniej dokładności w WebGL
Przyjaciele z opery, którzy testują WebGL na sprzęcie OpenGL ES 2.0.
- Chrome
Narzędzia Chrome dla programistów zapewniające szybkość
Używanie Narzędzi dla programistów w Chrome w celu poprawy szybkości działania aplikacji
- Chrome
Strumieniowe odtwarzanie filmów przy użyciu interfejsu MediaSource API
Interfejs MediaSource API rozszerza element `HTMLMediaElement`, umożliwiając JavaScript generowanie strumieni multimediów do odtwarzania.
- Chrome
Podsumowanie demonstracji WebGL
Przedstawiamy kilka niesamowitych prezentacji WebGL z całego internetu, które pokazują, jak naprawdę działa Twoja przeglądarka.
- Chrome
Narzędzia do pamięci podręcznej aplikacji i automatyczne generatory
Pamięć podręczna aplikacji ułatwia uruchamianie aplikacji internetowej w trybie offline, znacznie skraca czas uruchamiania i zmniejsza opłaty za przepustowość.
- Chrome
Definiowanie zakresu transakcji IndexedDB
IndexedDB to rozwijający się standard internetowy do przechowywania w przeglądarce dużej ilości uporządkowanych danych.
- Chrome
Niech Twoje treści będą mówić – pełny ekran interfejsu API
Pełnoekranowy interfejs API pozwala aplikacjom internetowym zaprogramować (od JavaScriptu) do dowolnej treści na stronie przejścia w tryb wyświetlania pełnoekranowego przeglądarki.
- Chrome
WebSockets został zaktualizowany do najnowszej wersji w Chrome Canary
Interfejs WebSocket API został zaktualizowany do najnowszej wersji (13) w Chrome Canary
- Chrome
Obsługa HTML5 i przeglądarki
Korzystanie z tych funkcji może być trudne, ale tylko wtedy, gdy nie wiesz, gdzie szukać.
- Chrome
Przejazd z Three.js
Coraz więcej deweloperów opracowuje nowe wersje demonstracyjne gier 3D, niezależnie od tego, czy byli już specjalistami od OpenGL, czy nowymi poszukiwaczami przygód, które zaczęły w nie grać.
- Chrome
Kupon na nową konferencję dla deweloperów gier HTML5
Dzięki uczeniu się pisania gier HTML5 i WebGL na stronie New Game nie będę w stanie wypełniać raportów TPS.
- Chrome
7-minutowe filmy – wskazówki dotyczące konsoli JavaScript i nowe interfejsy DOM API
Przejdź na wyższy poziom konsoli JavaScript, korzystając z Narzędzi deweloperskich w Chrome.
- Chrome
Procesory ♥ Buffer
Chrome 13 i FF5 obsługują wysyłanie obiektu „tablicabuffer” (lub tablicy wpisanej) do/z instancji roboczej Web Worker.
- Chrome
Co się zmieniło w nowym protokole WebSocket
Specyfikacja protokołu WebSocket została niedawno zaktualizowana, aby rozwiązać wcześniejsze problemy z bezpieczeństwem i jest w dużej mierze stabilna.
- Chrome
wstaw AdjacentHTML wszędzie
Jak wstawić treść w dokumencie HTML
- Chrome
Debugowanie interfejsu Filesystem API
System plików HTML5 to zaawansowany interfejs API. Im więcej mocy, tym więcej komplikacji. Im większa złożoność, tym więcej problemów z debugowaniem.
- Chrome
Wyszukiwanie plików lokalnych przy użyciu interfejsu File System API
Jeśli w obiekcie znajduje się obiekt File, możesz go wyszukać i odczytać fragmenty bez zapisywania całego pliku w pamięci.
- Chrome
Biblioteki HTML5/kody polyfill – połowa lipca
Jeszcze więcej ciekawych bibliotek pojawia się w każdym miejscu
- Chrome
Przedstawiamy New Game – konferencję dla deweloperów gier HTML5
Zapraszamy do udziału w New Game, który odbędzie się w dniach 1-2 listopada 2011 r. w San Francisco (Kalifornia).
- Chrome
Nie przegap ramki – użyj interfejsu Widoczność strony i filmu w formacie HTML5
Za pomocą interfejsu Widoczność strony można sprawdzić, czy bieżąca karta jest widoczna.
- Chrome
Używanie obrazów w wielu domenach w WebGL
W specyfikacji WebGL pojawiły się ważne zmiany dotyczące wysyłania żądań obrazów w różnych domenach.
- Chrome
Biblioteki HTML5 – koniec czerwca
Ostatnio pojawiły się ciekawe biblioteki.
- Chrome
Interfejs API widoczności strony – czy udało mi się zwrócić Twoją uwagę?
Na szczęście nowy interfejs Page Visibility API pozwala Twojej aplikacji sprawdzić, czy jest ona widoczna.
- Chrome
Contra w HTML5 i interfejsie API Web Audio
Dzięki możliwościom GWT, HTML5 i interfejsowi Web Audio API możemy stworzyć twórcę znanego oszustwa, Contra.
- Chrome
navigator.onLine w wersji deweloperskiej Chrome
Dzięki interfejsom API offline w HTML5 użytkownicy mogą korzystać z bezproblemowego korzystania z internetu w trybie offline.
- Chrome
Witamy na stronie Updates.html5rocks.com
Chcemy, by programiści mogli szybciej przekazywać Ci informacje, dlatego stworzyliśmy „Strumień aktualizacji HTML5”, by zaprezentować ciekawe rzeczy, którymi warto się podzielić.
- Chrome
Inspekcja szybkości aplikacji internetowej
Szybka aplikacja internetowa to aplikacja, która odniesie sukces. Twoja rola dewelopera nie kończy się, dopóki nie zoptymalizujesz zarówno rzeczywistej, jak i postrzeganej wydajności aplikacji. Nie tylko dlatego, że to po prostu właściwe działanie,
- Chrome
- Narzędzia deweloperskie w Chrome
Wprowadzenie do Narzędzi deweloperskich w Chrome, część 1
Google Chrome to wszechstronna i zaawansowana przeglądarka internetowa, która jest pionierką w zakresie możliwości aplikacji internetowych. Firma Google ciężko pracowała nad zapewnieniem użytkownikom szybkiego, bardzo stabilnego i bogatego w funkcje
- Chrome
Use the Chrome Web Store Publish API
How to programmatically create, update, and publish items in the Chrome Web Store.
- Rozszerzenia do Chrome
- Workbox
Google Play for Education Addendum to the Google Chrome Web Store Developer Agreement
In connection with the Google Chrome Web Store, Google may make certain Chrome Web Store applications available in Google's Play for Education site. If You or Your organization is interested in participating, please verify that the
- Rozszerzenia do Chrome
- Workbox
Chrome Web Store API Reference
This reference describes the methods and resource representation available for the Chrome Web Store Publish API. Each resource type has one or more data representations and one or more methods. See Using the Chrome Web Store Publish API for a guide
- Rozszerzenia do Chrome
- Workbox
Policies
Extension policies
- Workbox
- Rozszerzenia do Chrome
How Google Search uses speculation rules
Learn about how Google Search used the Speculation Rules API to anonymously prefetch search results to improve user experience
- Chrome
Feedback and support
Receive support for the Chrome User Experience Report (CrUX).
- Workbox
- Raport na temat UX Chrome
LCP image subparts and RTT now available in CrUX
Learn about the change to the Chrome User Experience Report (CrUX changes) in the February 2025 release including LCP image subparts, LCP resource types, and RTT.
- Chrome
Dimensions
Technical documentation on CrUX dimensions.
- Raport na temat UX Chrome
- Workbox
Capabilities
Find out how to use Chrome's capabilities to build rich and engaging web experiences.
- Workbox
What is ChromeDriver?
ChromeDriver is a standalone server that implements the W3C WebDriver standard.
- Workbox
Design Docs and discussions
WebDriver BiDi Backend Design [Microsoft] Async Command Processing for WebDriver in Chromium Browser Tools- and Testing WG, Day 2, TPAC 2019, Fukuoka Browser Tools- and Testing WG, Day 1, TPAC 2019, Fukuoka
- Workbox
Chrome Web Store
Chrome Web Store An online marketplace where users can browse for extensions and themes. Publish your extension there and make it accessible to the world. dashboard Developer Dashboard Publish your extension and manage your store items. local_mall
- Rozszerzenia do Chrome
- Workbox
Accessibility
Digital accessibility, commonly abbreviated a11y, is about designing and building websites and web apps that disabled people can interact with in a meaningful and equivalent way. This course is created for beginner and advanced web developers. You
Chrome's 2024 recap for devs: Re-imagining the web with AI in DevTools, built-in Gemini, and new UI capabilities
Check out Chrome for Developers' 2024 year-end roundup of the latest web features, capabilities, and tools.
- Chrome
Sign up for the Language Detection API origin trial
The Language Detection API is now available in a Chrome origin trial.
- Workbox
Chrome 129
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
What's missing from HTML and CSS?
Do you agree with the CSS Day attendees about what should be added to the web?
- Chrome
More efficient IndexedDB storage in Chrome
A new optimization in Chrome improves how IndexedDB data is stored on disk. This document summarizes the key points of this update.
- Chromium
- Workbox
Creating a great listing page
Best practices on how to make a high-quality, engaging listing page for your item in the Chrome Web Store.
- Workbox
- Rozszerzenia do Chrome
Help with ChromeDriver
If you have a general question or need help using ChromeDriver, you can email the chromedriver-users group. Before filing a bug, look at the existing issues for the same topic. ChromeDriver is an open source project, worked on by various
- Workbox
Clicking issues
ChromeDriver clicking works by simulating a mouse click in the middle of the element's first client rect (or bounding client rect if it doesn't have a first client rect). The easiest way to find out where ChromeDriver is attempting to click is to
- Workbox
Contribute to ChromeDriver
ChromeDriver is a Chromium project and the code lives in the Chromium repository. Chromium is the open source project on which Google Chrome is based. Follow the instructions to check out the entire Chromium source tree. After you have your source
- Workbox
Deceptive Installation Tactics FAQ
Frequently asked questions about Chrome Web Store's policies on deceptive installation tactics.
- Workbox
- Rozszerzenia do Chrome
Listing Requirements
If your product has a blank description field or is missing an icon or screenshots, it will be rejected. Ensure your product's listing information is up to date, accurate, and comprehensive. We don't allow extensions with misleading, inaccurate,
- Rozszerzenia do Chrome
- Workbox
Deceptive Installation Tactics
Extensions must be marketed responsibly. The set of functionalities promised by the extension must be stated clearly and in a transparent manner. The outcome of any user interaction should match the reasonable expectations that were set with the
- Rozszerzenia do Chrome
- Workbox
Best Practices and Guidelines
Research and understand the Chrome Web Store policies. Before developing a Chrome extension, it is important to review the Chrome Web Store Developer Program Policies and ensure your extension complies with all guidelines and requirements. Extensions
- Workbox
- Rozszerzenia do Chrome
Extensions quality guidelines FAQ
Frequently asked questions about the single purpose policy.
- Workbox
- Rozszerzenia do Chrome
Quality guidelines
An extension must have a single purpose that is narrow and easy to understand. Don't create an extension that requires users to accept bundles of unrelated functionality. If two pieces of functionality are clearly separate, they should be put into
- Rozszerzenia do Chrome
- Workbox
Aurora
A collaboration between Chrome and open-source web frameworks to improve user experience on the web.
- Workbox
CrUX methodology
Technical documentation on CrUX eligibility, metrics, dimensions and accessing the data.
- Workbox
- Raport na temat UX Chrome
Chrome release notes and updates
Chrome's latest releases
- Workbox
Workbox
Build progressive web apps (PWAs) with Workbox - the Service Worker library from the Chrome team
- Workbox
Extensions / Develop
Learn how to develop extensions
- Rozszerzenia do Chrome
- Workbox
Content filtering
An explanation of content filtering and how to approach it in your Chrome Extension.
- Rozszerzenia do Chrome
- Workbox
Reference
Reference for APIs available to Chrome Apps
- Workbox
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Rozszerzenia do Chrome
- Workbox
chrome.accessibilityFeatures
Use the chrome.accessibilityFeatures API to manage Chrome's accessibility features. This API relies on the ChromeSetting prototype of the type API for getting and setting individual accessibility features. In order to get feature states the extension
- Rozszerzenia do Chrome
- Workbox
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Rozszerzenia do Chrome
- Workbox
chrome.extensionTypes
The chrome.extensionTypes API contains type declarations for Chrome extensions. The origin of injected CSS. "author" "user" Details of the CSS to remove. Either the code or the file property must be set, but both may not be set at the same time.
- Workbox
- Rozszerzenia do Chrome
Skip review for eligible changes
An overview of expedited review for Declarative Net Request changes.
- Rozszerzenia do Chrome
- Workbox
Version selection
Version selection is the process of matching a Chrome binary of a given version to a compatible ChromeDriver binary. Starting with M115 the ChromeDriver release process is integrated with that of Chrome. The latest Chrome + ChromeDriver releases per
- Workbox
Rollback a published Chrome Web Store item
How to rollback an extension that you previously published on the
- Rozszerzenia do Chrome
- Workbox
Additional Requirements for Manifest V3
Extensions using Manifest V3 must meet additional requirements related to the extension's code. Specifically, the full functionality of an extension must be easily discernible from its submitted code, unless otherwise exempt as noted in Section 2.
- Workbox
- Rozszerzenia do Chrome
Chrome for Developers
google-site-verification: google2d9992045b4571ad.html
Extensions / How to
Solve common development tasks around Chrome extensions
- Workbox
- Rozszerzenia do Chrome
Changes to BFCache behavior with extension message ports
We are making changes to Chrome BFCache which potentially impact extensions using message ports.
- Chrome
Mature & Sexually Explicit Material
We don't allow content that contains nudity, graphic sex acts, sexually explicit material, or content that drives traffic to commercial pornography sites. We also don't allow content that promotes incest, bestiality, necrophilia, or non-consensual
- Rozszerzenia do Chrome
- Workbox
Announcing Chrome for Developers in China
We are publishing our sites on a .cn domain to make them easier to access in China.
- Chrome
chrome.location
The chrome.location API is no longer supported. We recommend using open web alternatives such as the Geolocation API instead.
- Workbox
- Rozszerzenia do Chrome
Register your developer account
How to register as a Chrome Web Store developer.
- Workbox
- Rozszerzenia do Chrome
Create a side panel
TBD
- Workbox
- Rozszerzenia do Chrome
Trader/Non-Trader developer identification and verification
Developer's requirement to disclose and verify their trader/non-trader status.
- Rozszerzenia do Chrome
- Workbox
Extensions / Samples
Samples Explore samples from the Chrome Extension samples repository. Use these to learn how extensions work or as starting points for building your own extensions. action.disable action.enable action.getBadgeBackgroundColor action.getBadgeText
- Workbox
- Rozszerzenia do Chrome
Overview of CrUX
Introduction to the CrUX dataset.
- Raport na temat UX Chrome
- Workbox
Permissions
A list of permissions and user warnings available on the extensions platform.
- Rozszerzenia do Chrome
- Workbox
Chromium Issue Tracker migration is complete
Chromium issue tracking is now migrated.
- Chrome
Chromium Issue Tracker migration beginning Feb 2, 2024 at 5pm PST
The Chromium Issue Tracker migration begins today.
- Chrome
Program Policies
The Web Store program policies.
- Rozszerzenia do Chrome
- Workbox
Project Fugu API Showcase
Project Fugu API Showcase The Project Fugu API Showcase is a collection of apps that make use of APIs that were conceived in the context of Project Fugu. You can learn more about Project Fugu on the Capabilities landing page. Absolute Orientation
- Workbox
Join Privacy Sandbox Office Hours #12: Learn about Chrome-facilitated testing
Join the 12th edition of Privacy Sandbox office hours dedicated to Chrome-facilitated testing, where the Privacy Sandbox team will provide some Privacy Sandbox tester updates and answer your questions with product and technical leads.
- Chrome
Real-time Updates in Extensions
Managing real-time updates in Extensions
- Workbox
- Rozszerzenia do Chrome
Distribute your extension
How to host your Chrome extension.
- Workbox
- Rozszerzenia do Chrome
Extensions / Reference
Reference for the extensions manifest, related permissions and APIs
- Rozszerzenia do Chrome
- Workbox
Chrome Archive
Chrome Archive Chrome Apps Chrome-specific APIs to create experiences with more access to the underlying operating system. These were deprecated in 2020, supported only for ChromeOS until Jan 2025. Native Client A sandbox to run compiled C and C++
- Workbox
Chromium Chronicle
Chromium Chronicle
- Chromium
- Workbox
Chromium
Find resources on the Chromium project.
- Chromium
- Workbox
Chrome 121 beta
CSS Scrollbars, the Storage Buckets API, the Speculation Rules API, and more.
- Chrome
Get Inspired
Read these case studies to find inspiration for your next project with Chrome.
- Chrome
Feeds
You can add the following RSS feeds to your feed reader to get automatic updates for areas of the site you are particularly interested in.
- Chrome
Extensions / Manifest V3
Manifest V3 Manifest V3 is the latest version of the extensions platform. We have made a number of changes to the available APIs and added a number of new features. Manifest V3 aims to be the first step in our platform vision to improve the privacy,
- Workbox
- Rozszerzenia do Chrome
chrome.webstore
As of 06/12/2018, inline installation is deprecated. For more information, read our Chromium Blog post and Migration FAQ.
- Workbox
- Rozszerzenia do Chrome
User interface components
A catalog of user interface elements available in extensions.
- Workbox
- Rozszerzenia do Chrome
Modules
Dig deeper into specific Workbox modules.
- Workbox
Set up your developer account
How to set up your Chrome Web Store developer account.
- Rozszerzenia do Chrome
- Workbox
Prepare your extension
Prepare your extension files.
- Rozszerzenia do Chrome
- Workbox
Submit a feature request
Submit a request for a feature that you believe could improve the extension platform.
- Workbox
- Rozszerzenia do Chrome
Support and feedback
Give us feedback to help us improve the platform and fix its bugs.
- Workbox
- Rozszerzenia do Chrome
Storage and cookies
Overview of how web storage APIs and cookies work in extensions.
- Rozszerzenia do Chrome
- Workbox
Chrome for Developers
User-agent: * Disallow: Sitemap: https://developer.chrome.com/sitemap.xml
Use your Google Analytics account with the Chrome Web Store
See analytics for your Chrome Web Store listing in addition to the metrics offered in the Developer Dashboard.
- Rozszerzenia do Chrome
- Workbox
Better full screen mode with the Keyboard Lock API
Use the Keyboard Lock API to capture the Escape key in full screen mode. If you've ever played a full screen web game that popped up an in-game dialog that you instinctively canceled with the Escape key, you probably found yourself kicked out of full
- Chrome
Help test bounce tracking mitigations
We plan to launch mitigations to limit tracking from a particular technique called "bounce tracking" later this year. We would like to invite developers to test this new feature with feature flags and provide feedback.
- Chrome
Specify how multiple animation effects should composite with animation-composition
When multiple animations affect the same property simultaneously, should they replace each other, add, or accumulate?
- Workbox
Manifest V3 migration checklist
A quick reference for upgrading your extensions from Manifest V2 to Manifest V3.
- Rozszerzenia do Chrome
- Workbox
More control over :nth-child() selections with the of S syntax
Pre-filter a set of child elements before applying An+B logic on it.
- Workbox
Test service worker termination with Puppeteer
A guide explaining how to test service worker termination using Puppeteer.
- Workbox
- Rozszerzenia do Chrome
Affiliate Ads
Any affiliate program must be described prominently in the product's Chrome Web Store page, user interface, and before installation. Related user action is required before the inclusion of each affiliate code, link, or cookie. Some example violations
- Workbox
- Rozszerzenia do Chrome
Affiliate Ads FAQ
Frequently asked questions about Chrome Web Store's policies on affiliate ads.
- Rozszerzenia do Chrome
- Workbox
Minimum Functionality
Do not post an extension with a single purpose of installing or launching another app, theme, webpage, or extension. Extensions with broken functionality—such as dead sites or non-functioning features—are not allowed. Extensions must provide a basic
- Workbox
- Rozszerzenia do Chrome
Use of Permissions
Request access to the narrowest permissions necessary to implement your Product's features or services. If more than one permission could be used to implement a feature, you must request those with the least access to data or functionality. Don't
- Workbox
- Rozszerzenia do Chrome
Chrome Apps
To ensure a great user experience, Chrome Apps distributed through the Chrome Web Store must follow the additional quality guidelines listed below. The guidelines in this section apply only to Chrome Apps. Packaged apps should: Take advantage of the
- Workbox
- Rozszerzenia do Chrome
Disclosure Requirements
You must be transparent in how you handle user data (e.g., information provided by a user or collected about a user or a user's use of the Product or Chrome Browser), including by disclosing the collection, use, and sharing of the data. If your
- Workbox
- Rozszerzenia do Chrome
Featured Products
The Chrome Web Store features products that align with our standards, values, and that we believe will produce valuable user experiences. Certain products that don't meet these standards, but which do not explicitly violate Chrome Web Store
- Workbox
- Rozszerzenia do Chrome
Spam and Abuse
We don't allow any developer, related developer accounts, or their affiliates to submit multiple extensions that provide duplicate experiences or functionality on the Chrome Web Store. Extensions should provide value to users through the creation of
- Rozszerzenia do Chrome
- Workbox
Repeat Abuse
Serious or repeated violations of the Chrome Web Store Distribution Agreement or these Program Policies will result in the suspension of your developer account, and possibly related developer accounts. Additionally, you may be banned from using the
- Workbox
- Rozszerzenia do Chrome
Code Readability Requirements
Developers must not obfuscate code or conceal functionality of their extension. This also applies to any external code or resource fetched by the extension package. Minification is allowed, including the following forms: Removal of whitespace,
- Workbox
- Rozszerzenia do Chrome
Ads
Ads are considered part of your Product for purposes of content review and compliance with developer terms, and therefore must comply with the above content policies. Ads which are inconsistent with the content rating of your products or extension
- Rozszerzenia do Chrome
- Workbox
Hate Speech and Violent Behavior
Depictions of gratuitous violence are not allowed. Products should not contain materials that threaten, harass, or bully other users. We don't allow content or products that advocating against or inciting hatred towards groups of people based on
- Rozszerzenia do Chrome
- Workbox
Accepting Payment From Users
If you collect sensitive personal information through your Product for sales, you must follow these requirements: You must securely collect, store, and transmit all credit card and other sensitive personal information in accordance with privacy and
- Workbox
- Rozszerzenia do Chrome
Limited Use
This policy establishes the Chrome Web Store's minimum user data privacy requirements; you or your Product must comply with applicable laws. You must limit your use of the data to the practices you disclosed. Collection and use of web browsing
- Rozszerzenia do Chrome
- Workbox
Impersonation & Intellectual Property
Don't pretend to be someone else, and don't represent that your product is authorized by, endorsed by, or produced by another company or organization, if that is not the case. Your Product and its user experience also must not mimic functionality or
- Rozszerzenia do Chrome
- Workbox
Notification and appeals
In the event that your Product is removed from the Chrome Web Store, you will receive an email notification to that effect, with further instructions if applicable. Verify that the associated publisher account with your Product can receive emails
- Rozszerzenia do Chrome
- Workbox
Regulated goods and services
Don't engage in or promote unlawful activities in your product, such as rape, illegal sex work, or the sale of prescription drugs without a prescription. We will remove content which promotes, glorifies, or encourages dangerous or illegal activity
- Workbox
- Rozszerzenia do Chrome
2-Step Verification
To ensure the security of Chrome Web Store accounts, 2-Step Verification is required for all developer accounts prior to publishing an extension or updating an existing extension. Developers can activate 2-Step Verification for their Google accounts
- Workbox
- Rozszerzenia do Chrome
Enforcement Circumvention
Any attempt to circumvent intended limitations or enforcement actions will result in the immediate termination of your developer account, and possibly related developer accounts.
- Workbox
- Rozszerzenia do Chrome
Handling Requirements
If your product is associated with a security vulnerability that could be exploited to compromise another application, service, browser, or system, we may remove your product from the Chrome Web Store and take other measures to protect users. In such
- Rozszerzenia do Chrome
- Workbox
Privacy Policies
If your Product handles any user data, then you must post an accurate and up to date privacy policy. The privacy policy must, together with any in-Product disclosures, comprehensively disclose: How your Product collects, uses and shares user data All
- Rozszerzenia do Chrome
- Workbox
Misleading or Unexpected Behavior
We do not allow products that deceive or mislead users, including in the content, title, description, or screenshots. If any of your product's content, title, icon, description, or screenshots contains false or misleading information, we may remove
- Rozszerzenia do Chrome
- Workbox
Malicious and Prohibited Products
Don't transmit viruses, worms, defects, Trojan horses, malware, or any other products of a destructive nature. We don't allow content that harms or interferes with the operation of the networks, servers, or other infrastructure of Google or any
- Rozszerzenia do Chrome
- Workbox
API Use
Extensions must use existing Chrome APIs for their designated use case. Use of any other method, for which an API exists, would be considered a violation. For example, overriding the Chrome New Tab Page through any means other than the URL Overrides
- Workbox
- Rozszerzenia do Chrome
Meeting you where you are
Find out how you can meet the Chrome team.
- Chrome
Known issues when migrating to Manifest V3
Recently, we announced changes to the Manifest V2 deprecation timeline, and while we remain firmly committed to Manifest V3 we acknowledge there is more work to do on our part. We are committed to closing the following gaps before announcing a new
- Rozszerzenia do Chrome
- Workbox
Discovery on the Chrome Web Store
An overview of how users find items on the Chrome Web Store, and how our editors select items to feature.
- Rozszerzenia do Chrome
- Workbox
Chrome Web Store review process
An overview of the review process and how enforcement actions result from detected policy violations.
- Rozszerzenia do Chrome
- Workbox
Manifest V2 support timeline
Details of the Manifest V2 phase-out and end of life.
- Workbox
- Rozszerzenia do Chrome
Manage user feedback
Follow-up on reviews and provide user support in the Chrome Web Store.
- Workbox
- Rozszerzenia do Chrome
Check on your review status
How to check the review status of your Chrome Web Store item.
- Workbox
- Rozszerzenia do Chrome
Analyze your store listing metrics
Understanding metrics and performance of your Chrome Web Store store listing.
- Rozszerzenia do Chrome
- Workbox
Cross-origin isolation
Overview of cross-origin isolation for extensions
- Rozszerzenia do Chrome
- Workbox
Enterprise publishing options
How to distribute extensions to enterprise users
- Rozszerzenia do Chrome
- Workbox
Prepare to publish: set up payment and distribution
How to choose which countries will list your item and who will see it in the Chrome Web Store.
- Workbox
- Rozszerzenia do Chrome
Complete your listing information
How to add listing information for your Chrome Web Store item.
- Rozszerzenia do Chrome
- Workbox
Update your Chrome Web Store item
How to update an extension or theme ("item") that you previously published on the Chrome Web Store.
- Rozszerzenia do Chrome
- Workbox
Troubleshooting Chrome Web Store violations
Guidelines for understanding why an item was rejected or removed from the Chrome Web Store and how to fix the problem.
- Rozszerzenia do Chrome
- Workbox
Chrome Web Store payments deprecation
Why the payments is deprecated, details about the deprecation timeline, and more.
- Workbox
- Rozszerzenia do Chrome
Human interface devices on the web: a few quick examples
There is a long tale of human interface devices (HID) that are too new, too old, or too uncommon to be accessible by systems' device drivers. The WebHID API solves this by providing a way to implement device-specific logic in JavaScript.
- Workbox
Deleting Chrome Web Store developer accounts
How to delete a developer or group publisher account on the Chrome Web Store.
- Workbox
- Rozszerzenia do Chrome
Set up a group publisher
How to share ownership of your Chrome Web Store items with other developers.
- Workbox
- Rozszerzenia do Chrome
Fill out the privacy fields
Use the privacy practices tab to help the Chrome Web Store team review your extension as quickly as possible.
- Rozszerzenia do Chrome
- Workbox
Spam policy FAQ
Frequently asked questions about Chrome Web Store's spam policy.
- Workbox
- Rozszerzenia do Chrome
Navigate Chrome DevTools with assistive technology
A guide on navigating Chrome DevTools using assistive technology like screen readers.
- Narzędzia deweloperskie w Chrome
- Workbox
Unlocking new capabilities for the web
Web apps should be able to do anything native apps can. Through Project Fugu, we want to make it possible to build and deliver any kind of app on the open web.
- Chrome
Supplying Images
Guidelines about the kinds of images you need to supply to the Chrome Web Store.
- Workbox
- Rozszerzenia do Chrome
Branding Guidelines
Guidelines for use of Google trademarks.
- Rozszerzenia do Chrome
- Workbox
Beyond SPAs - alternative architectures for your PWA
Building a Progressive Web App doesn't mean building a single page app! Read about alternative architectures for content-focused PWAs, to help you make the right decision for your use case.
- Chrome
Working with the new CSS Typed Object Model
CSS Typed Object Model (Typed OM) brings types, methods, and a flexible object model to working with CSS values. Shipped in Chrome 66.
- Workbox
Best Practices
How to create a high-quality extension and Chrome Web store listing.
- Rozszerzenia do Chrome
- Workbox
API Deprecations and Removals in Chrome 54
An round up of the deprecations and removals in Chrome to help you plan.
- Chrome
Trader FAQ: Chrome Web Store
Frequently asked questions about Chrome Web Store's user data policy.
- Workbox
- Rozszerzenia do Chrome
Updated Privacy Policy & Secure Handling Requirements
Frequently asked questions about Chrome Web Store's user data policy.
- Workbox
- Rozszerzenia do Chrome
API Deprecations and Removals in Chrome 49
An round up of the deprecations and API removals in Chrome to help you plan.
- Chrome
Chrome 47 WebRTC: Media Recording, Secure Origins and Proxy Handling
Chrome 47 has several significant WebRTC enhancements and updates including audio and video recording, proxy handling and mandatory secure origins for getUserMedia().
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Better incognito DevTools
Some appearance preferences are now persisted through to incognito windows.
- Chrome
Timeline event reference
The timeline events mode displays all events triggered while making a recording. Use the timeline event reference to learn more about each timeline event type.
- Narzędzia deweloperskie w Chrome
- Workbox
What is the Chrome Web Store?
An explanation of the Chrome Web Store and why you might want to use it.
- Workbox
- Rozszerzenia do Chrome
Chrome Dev Summit 2014 - The applied science of runtime performance
The story of building the Chrome Dev Summit site.
- Chrome
Publish in the Chrome Web Store
How to publish a new extension or theme to the Chrome Web Store.
- Workbox
- Rozszerzenia do Chrome
Google Chrome Web Store Developer Agreement
The legal agreement governing the relationship between Chrome Web Store developers and the Chrome Web Store.
- Workbox
- Rozszerzenia do Chrome
Content Ratings Guidelines
Guidelines about how the Chrome Web Store rates the maturity of content.
- Workbox
- Rozszerzenia do Chrome
Localization message formats
Reference documentation about the format of the messages.json file for Chrome Extensions.
- Rozszerzenia do Chrome
- Workbox
Publish Your App
How to publish your Chrome App.
- Workbox
What Are Chrome Apps?
An overview of Chrome Apps and why you might want to build them.
- Workbox
CSS layout gets smarter with calc()
You can use calc() anywhere a length or number is used, so you can use it for positioning things, or in rgb() color values as well, so it has lots of great uses in a style sheet.
- Workbox
Summarizer
Get a short summary of every webpage.
Chrome Built-in AI Demo
Try the built-in AI preview in Chrome.
Google Gemini Demo
Try the Gemini Models.
Open extension API reference
Custom Cursor Extension
Adds a custom cursor on developer.chrome.com.
Simple Theme
Multiple side panels
This recipe shows how to use sidePanel.getOptions() to retrieve the current side panel and switch between side panels.
Global side panel
Shows how to display the same side panel on every site using the Side Panel API.
Dictionary side panel
Provides definitions in the side panel.
Privacy API sample
Uses the chrome.privacy.services property to get and set privacy settings.
Hello World
Basic Hello World Extension
WebGPU Extension
Generate a red triangle with WebGPU in an extension service worker.
Keep Awake
Override system power-saving settings.
Conifer Music - Official app in the Microsoft Store
Conifer is FAST Conifer integrates perfectly with your PC Conifer offers beautiful music visualizations Conifer is completely cross-platform Conifer is a fast, cross-platform music player that lets your play all of YOUR music, you know, the music you actually own. Have some CDs? Rip them to your computer and add them to Conifer! Have some MP3s? Add them to Conifer!
Mammoth - Official app in the Microsoft Store
Discover a simpler way to socialize online with Mammoth, the Mastodon app that prioritizes ease-of-use and clean design. Experience the open-source, decentralized social network without the clutter. Join communities, share your thoughts, and connect with like-minded individuals all with just a few taps. Say goodbye to overwhelming feeds and complicated features, Mammoth simplifies the social media experience. AI Enhanced: - Struggling to find that perfect image to go along with your post? Have a funny idea for an image on a post? Generate it right in Mammoth with the magic of AI - Not understanding something in a post, or just want to learn more about a specific topic in a post? Click the search button on a post to have AI help you understand the post! - AI driven autocomplete and status generation: Have something to say but not sure how to say it best? Ask Mammoth to write it for you! Customizable: - Dark and light mode support - Theming User Friendly: - Cross Platform - Fast
Transitions DJ
Transitions DJ is a web-based, ad-free DJ mixing app. Mix music online from SoundCloud or your own music collection.
Project Fugu API Showcase
Stadia Bluetooth mode
Switch your Stadia Controller to Bluetooth mode to keep gaming wirelessly on your favorite devices and services after Stadia shuts down
Wavacity
Wavacity is a port of the Audacity audio editor to the web browser. Free and open-source. No install required.
Native Messaging Example
Send a message to a native application.
Reading List API Demo
Uses the chrome.readingList API to display, update and remove reading list entries.
User Scripts API Demo
Uses the chrome.userScripts API to inject JavaScript into web pages.
Winamp for Creators - Start your Creator's journey
Winamp for Creators puts the power back in your hands by giving you access to all the artist services you need to take control of your musical journey.
Get started
Explore the fundamentals of music via Ableton's interactive website. Experiment with beats, melody, harmony, basslines, and song structure in your web browser.
heritagein.info
Netflix Spain - Watch TV Shows Online, Watch Movies Online
Watch Netflix movies & TV shows online or stream right to your smart TV, game console, PC, Mac, mobile, tablet and more.
Farmbound - a diurnal game of farming
Active Recall
Home · Semaphore
An alternative web client for Mastodon, focused on speed and simplicity.
Spatial Fusion is Mixed Reality for the Web
A Mixed Reality WebXR technology showcase designed in collaboration between Meta, and PHORIA and LUSION.
S.E.P.I.A.
S.E.P.I.A. is an app and framework for your own server-based, extendable, private, intelligent assistant.
Terra - Notícias, esportes, coberturas ao vivo, diversão e estilo de vida
Veja no Terra as últimas notícias e as melhores coberturas ao vivo do Brasil e do Mundo, Esportes, Diversão, Vida e Estilo e assista os melhores vídeos no TerraTV.
Groceries
Tylify: Create seamless patterns in seconds
Web-based pattern-making application. All image formats supported (SVG, PNG, JPG, etc). Export seamless patterns as SVG or PNG.
The best free, adless Chess server
Free online chess server. Play chess in a clean interface. No registration, no ads, no plugin required. Play chess with the computer, friends or random opponents.
Sign in - Google Accounts
DEV Community
A constructive and inclusive social network for software developers. With you every step of your journey.
file-tree Web Component
A file tree web component giving access to a device's file system using the File System Access API
Download our software
Download Tidepool Uploader for Mac and Windows, and Tidepool Mobile on iOS and Android.
VSLite
TikTok - Make Your Day
TikTok - trends start here. On a device or on the web, viewers can watch and discover millions of personalized short videos. Download the app to get started.
Descript
Descript is an all-in-one audio/video editor and screen recorder that works like a doc.
The PWinter
The Playroom
Babylon.js Playroom - a demo of Babylon.js using the Havok physics engine for the web introduced in Babylon 6.0
Experience GeForce NOW Gaming Anywhere & Anytime
Instantly play the most demanding PC games and seamlessly play across your devices.
A privacy-first, open-source knowledge base
A privacy-first, open-source platform for knowledge management and collaboration.
WealthPosition: Personal Finance & Budgeting App
WealthPosition, the best personal finance app to budget and track your finances for financial independence
StackBlitz
Snae player
Lightweight on device music player right in your browser.
Snapdrop
Instantly share images, videos, PDFs, and links with people nearby. Peer2Peer and Open Source. No Setup, No Signup.
Xchart.com
Automatic anesthesia charting. Focus on your patient — not your paperwork.
ZQuest Classic
Play one of hundreds of quests in ZQuest Classic, or create your own! ZQuest Classic is a game engine where you can make your classic adventure game
PaintZ
MS Paint for Chromebooks. Create and edit drawings and other images. Simple, fast, works offline, touch- and mouse-friendly, and no plug-ins required!
LiveHeats
Helping organisers run sophisticated competitions with minimal effort. All-in-one platform for live scoring, heat draws, scheduling, rankings and registration.
Pointland
Web Metaverse with Point Cloud
app.ampedstudio.com
Ok! So...
The drawing app to express, grasp, and organize your thoughts and ideas
Elk
A nimble Mastodon web client
ESC Configurator - for Bluejay, BLHeli_S and AM32
Flash and manage your ESCs online without needing to download anything. Supports BLHeli_S, Bluejay and AM32 firmware.
Intervalometer
CodeSpace - Firia Labs
Application to help utilities management.
Budgeting app
Diffr
Sqlime - Online SQLite playground
Sqlime is an online SQLite playground for debugging and sharing SQL snippets.
Flipper Lab
Web platform for your Flipper
Discover the best Creators in the Fanzone
Embrace your inner fan, subscribe to your favorite creators to get Winamp-exclusive content.
bundlejs
Visit bundlejs.com - bundlejs is a quick and easy way to bundle, minify, and compress your ts, js, and npm packages all online.
Ensō
Writing is Thinking
Home Planner - Target
Plan your home, room by room. Design & style it virtually—then shop, share or save for later.
drum utility - teenage engineering
a utility for creating sample packs for the OP-1 field, OP-1, and OP-Z
NFC Tools Online
Online tools to read and write the data on your NFC tags.
[md.edit]
A markdown editor web app based on the File System Access API
Memos AI
Memos AI allows you to record notes with ACCURATE transcriptions, powered by AI, on any device. Need to record a lecture to help with notes? Memos AI can do that AND give you an accurate transcript of what was said.
Hindi Bollywood » Live Online Fm Radio From India Stations
Click here Download Apk
Figma: The Collaborative Interface Design Tool
Figma is the leading collaborative design tool for building meaningful products. Seamlessly design, prototype, develop, and collect feedback in a single platform.
Beautiful Free Images & Pictures
Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos.
AirConsole - Multiplayer games for friends
AirConsole is an online video game console. Play over 190 multiplayer games. Your smartphones are the controllers.
Web Serial Controller
Connect to any USB or Bluetooth Serial Device from your browser using the Web Serial API Controller
docs.qq.com
Descript
There are simple podcast & video editors and there are powerful ones. Only Descript is both & it features magical AI, so you can skip the hard part of editing. Get started for free.
Globs Designer
Design with globs, a stretchy new design primitive. Tired of the pen tool? Need smarter curves? Want to design from code? Get started with globs.
Edit Photo
No ads, no popups, no cookies, no account. The fastest way to edit photos online
Last Finger Standing
Need to pick someone to go first? To pay the bill? To buy milk? Just have everyone put a finger on the screen and wait. Last Finger Standing will make your choice automatically! A quick and easy app to randomly select someone from a group of people.
The Session
An online community dedicated to traditional Irish music.
Readonly
Readonly links, for your read only.
Graphtoy
Graphing functions easily on the web
Blockbench
Barcode/QR code Scanner
A Progressive Web Application (PWA) that scans barcodes of various formats, using the Barcode Detection API.
Raverie Engine
readyplayer.me
Scrapbook PWA
GIFWorks
GIFWorks makes movies from shared screens and webcams. Once recorded, videos can be optimized and saved as GIF or downloaded as WebM.
Kiwix JS PWA
Offline Wikipedia reader
Oxygen Saturation Monitor
Monitor your oxygen saturation and heart rate with a bluetooth pulse oximeter
Squoosh
Squoosh is the ultimate image optimizer that allows you to compress and compare images with different codecs in your browser.
Amazingly Simple Graphic Design Software – Canva
Amazingly Simple Graphic Design Software – Canva
Soundslice
Learn music better with our living sheet music.
GrapheneOS web installer
Web-based installer for GrapheneOS, a security and privacy focused mobile OS with Android app compatibility.
Leonidas Esteban, Google Developer Expert en Web Technologies
Te enseño el cómo y el porqué de cada línea de código, aprendamos a programar juntos.
pixiv Sketch - お絵かきコミュニケーションアプリ
日々のお絵かきを手軽に楽しめるお絵かきコミュニケーションアプリ。落書きや描きかけの絵も気軽にシェア、いつでもどこでもお絵かきを楽しめます。
Toot Café
A Mastodon instance mostly populated by folks interested in web design and development.
Telegram
Telegram is a cloud-based mobile and desktop messaging app with a focus on security and speed.
Trovo
Trovo is an interactive live streaming platform, you can check out the hottest games live, share your own gaming experiences, and join an amazing community created especially for gamers, creators and do-ers.
Mandadin 4
X. It’s what’s happening
From breaking news and entertainment to sports and politics, get the full story with all the live commentary.
Duino App
LittleBits Fuse
Play board games online from your browser
The world's #1 platform for playing board games online. Play hundreds of board games from your browser for free.
Amazon Luna – Amazon Cloud Gaming
Amazon Luna is a cloud gaming platform developed and operated by Amazon. Play great games on devices you already own.
Popular MIDIs — BitMidi
Listen to free MIDI songs, download the best MIDI files, and share the best MIDIs on the web.
Element
WebAssembly demo with File System Access
A demo showing WebAssembly + WASI apps running on the Web with access to a real filesystem.
Vectorpea
Vectorpea Online Vector Editor lets you edit vector graphics, AI, SVG and PDF files!
Web Xmodem
Learning Synths
Learn about synthesizers via Ableton’s interactive website. Play with a synth in your browser and learn to use the various parts of a synth to make your own sounds.
Getting Started
UsTaxes is an open source webapp for filing US federal income tax. All tax calculations are performed in the browser, so no personal information is stored on external servers!
Creating Kaleidoscopes from Photos with Online Tool
Discover the mesmerizing world of kaleidoscopes and unlock your artistic potential with our user-friendly online tool. Whether you're drawn to the symmetrical beauty of mandalas or nostalgic for the classic kaleidoscopes of your childhood, our tool offers endless possibilities
natto.dev - write JavaScript on a 2D canvas
studio.samlabs.com
codev5.vex.com
Vernier Graphical Analysis®
Pokémon of the Week
A game of collecting and collaborating
Excalidraw — Collaborative whiteboarding made easy
Excalidraw is a virtual collaborative whiteboard tool that lets you easily sketch diagrams that have a hand-drawn feel to them.
1tuner
Listen to radio, podcasts and create playlists.
Snapchat. Now on the web.
Try the new Snapchat for Web on your computer to chat, call friends, use Lenses, and more
VIA
Your keyboard's best friend
Free and open source 2D and 3D game engine
Use the Godot Engine editor directly in your web browser, without having to install anything.
Trimble Identity
LogIn
MConverter: Easy to Use Online File Converter
Convert securely video, audio, image, e-book, office & archive files. Bulk convert large files up to 2 GB. Free and easy to use converter.
Find all Unicode characters from Hieroglyphs to Dingbats – Codepoints
Codepoints is a site dedicated to Unicode and all things related to codepoints, characters, glyphs and internationalization.
Android Flash Tool
Look Scanned
Look Scanned is a pure frontend site that makes your PDFs look scanned! No need for printers and scanners anymore - everything you need to do is just a few clicks.
Microsoft MakeCode Computer Science Education
MakeCode brings computer science to life for all students with fun projects, immediate results, and both block and text editors for learners at different levels.
Expressive Animator
Construct 3 r368.2 ★★★★★
Launch Construct 3 r368.2. Make games with the world's easiest browser-based game creator. Try for free now and begin your game development journey.
Adobe Photoshop
Best-in-class editing and design tools to create, modify, refine, and remix images into content you'll love. Straight from your browser.
Perfetto UI
Floor796
Make music in an online DAW
Produce music online. Make beats, record audio, and collaborate.
Learn a language for free
Learn languages by playing a game. It's 100% free, fun, and scientifically proven to work.
Remap
Remap allows you to find, build, set up and customize your keyboard quickly and easily in Web Browser.
SVGcode
SVGcode is a Progressive Web App that lets you convert raster images like JPG, PNG, GIF, WebP, AVIF, etc. to vector graphics in SVG format.
Hostme
Hostme is everything you need to successfully run your restaurant business!
Runway
Everything you need to make anything you want.
Free Online Games on CrazyGames
Play free online games at CrazyGames, the best place to play high-quality browser games. We add new games every day. Have fun!
Linear – A better way to build products
Linear streamlines issues, sprints, and product roadmaps. It’s the new standard for modern software development.
Notepad - Offline capable
An offline capable notepad powered by ServiceWorker. It's quick, distraction-free, dark mode enabled, mobile compatible(Android, iOS) and minimalist in nature.
Voyager for Lemmy
Voyager is a beautiful mobile web client for Lemmy. Enjoy a seamless experience browsing the fediverse.
Craft — A fresh take on documents
Get started today, it's free.
IRCCloud
IRCCloud is a modern IRC client that keeps you connected, with none of the baggage. Stay synced and notified wherever you are with our web and mobile apps.
Install Tasmota
﹒ Blob City ﹒
Espruino Web IDE
Cue for Education
STORZ & BICKEL
STORZ & BICKEL Web App for Bluetooth Devices.
Cleanfeed
www.capcut.com
NiftyPass
Improv Wi-Fi: Open standard for setting up Wi-Fi via Bluetooth LE and Serial
Free and open standard with ready-made SDKs that offer a great user experience to configure Wi-Fi on devices.
USpeaking
Free Online AI Photo Editor, Image Generator & Design tool
Get creative with Pixlr’s online photo editing & design tools. Including AI image generator, batch editor, animation design, enhancer & more. Try now for FREE!
Wormhole - Simple, private file sharing
Wormhole lets you share files with end-to-end encryption and a link that automatically expires.
Vodon Player
Hoppscotch • Open source API development ecosystem
Helps you create requests faster, saving precious time on development.
Vysor
Chip Player JS
glTF Report
Viewer, analysis tool, script editor, and validator for 3D models in glTF 2.0 format.
bridge. v2
bridge. is a light-weight IDE for Minecraft Add-Ons
BandLab - Make Music Online
The cloud platform where musicians and fans create music, collaborate, and engage with each other across the globe
LEGO Education SPIKE
Visual Studio Code for the Web
Build with Visual Studio Code, anywhere, anytime, entirely in your browser.
TgStorage
Advanced Saved Messages of the Telegram. Organize your notes, links, checklists, photos and any documents in the free unlimited Telegram Cloud.
Adobe Podcast
Next generation audio from Adobe is here. Record, transcribe, edit, share. Crisp and clear, every time.
Logbook
regex101: build, test, and debug regex
Regular expression tester with syntax highlighting, explanation, cheat sheet for PHP/PCRE, Python, GO, JavaScript, Java, C#/.NET, Rust.
GoldWave Infinity Audio Editor
GoldWave Infinity audio editing, recording, conversion, and visual analysis app.
daedalOS
Desktop environment in the browser
Slack is your productivity platform
Slack is a new way to communicate with your team. It’s faster, better organized, and more secure than email.
Link Cleaner
Remove tracking code and other variables from web links with the press of a button!
github.dev
Real Time Lightning Map
See lightning strikes in real time across the planet. Free access to maps of former thunderstorms. By Blitzortung.org and contributors.
Wootility Web
Instantly edit your Wooting keyboard profiles and colors from the browser.
Codeit
Run projects, code your ideas, and share it all on Codeit.
STEM.TECH
Hear in a new way with STEM
Speakflow — Online Teleprompter - AI Powered
Speakflow is an online teleprompter! Write and save scripts; collaborate with your team; Includes voice-activated scrolling. Works on Windows, Mac, iOS, Android, and more!
NumWorks
tldraw
A free and instant collaborative diagramming tool.
PocketLab Notebook
Create your free account or sign in here.
Build expressive charts or dashboards with code
Turn your most complex data into actionable insights faster with Observable. The future of data visualization, dashboards, and data apps starts here.
YT Playlist Notifier
Get notified when YouTube playlists are updated.
www.contactsdirect.com
Create an account or log in to Instagram - A simple, fun & creative way to capture, edit & share photos, videos & messages with friends & family.
Shared Game Timer
A board game timer that synchronizes across multiple devices.
bluetooth.rocks
CrosKeys by CrosExperts
Unlock your Chromebook's potential with a powerful keyboard launcher!
ManifoldCAD
Fast, reliable, parametric solid modeling web app. Programmatic 3D design with JavaScript, inspired by and improving upon OpenSCAD & JSCAD. Demonstrates a new GPU-parallel, open-source geometry kernel: Manifold.
Typst: Compose papers faster
Focus on your text and let Typst take care of layout and formatting. Sign up now and speed up your writing process.
CityHop
Take leisurely walks and drives around the world while chilling to lofi music 🎶
BPM Techno - Free Online Real-Time BPM Counter for DJ
Produce some beats using any player, launchpad, keyboard, and mix them live with another track easily and precisely using this free online real-time BPM counter
Soundtrap - Make music online
Make music together online. Free instruments, loops, drum kits, and vocal tuner in one studio. Record, edit, mix, and master your audio, no downloads - sign up for free.
Install WLED
TopDecked Unified
The essential Magic App for brewers, collectors, traders, competitors, and fans.
Beatport DJ
Beatport DJ is the world's first web based DJ software built for music discovery and playlist management. Subscribe to Beatport Streaming and start mixing with millions of tracks.
Fotor - Free Online Photo Editing Tools
Upload image in Fotor online photo editor to crop image, add text to photo, enhance image, remove background, create graphics & more for free.
みんなのネバーランド - 約束のネバーランド公式コミュニティ -
みんネバは約束のネバーランド好きが集まる公式コミュニティです。考察やファンアート、約ネバの話題で盛り上がろう!
Color Picker - ThreeJS
A ThreeJS color picker
Boxy SVG
Create and edit Scalable Vector Graphics (SVG) files online
What PWA Can Do Today
A showcase of what is possible with Progressive Web Apps today.
Hypertext
HTML Document Editor
Create Amazing Mockups
Create Amazing Mockups
Vim Online Editor - Vim Editor In Browser
Maskable.app
Preview maskable icons in the browser!
Radio House
AudioMass
AudioMass is a free full-featured web-based audio & waveform editing tool
iRobot Coding
kota-yata editor
WYSIWYG Markdown editor with pdf viewer
Home · Pinafore
An alternative web client for Mastodon, focused on speed and simplicity.
Spotify - Web Player: Music for everyone
Spotify is a digital music service that gives you access to millions of songs.
noctura.tech
Graphite
Play Fortnite
Play Fortnite with Xbox Cloud Gaming (Beta). The future of Fortnite is here. Be the last player standing in Battle Royale and Zero Build, explore and survive in LEGO Fortnite, blast to the finish with Rocket Racing or headline a concert with Fortnite Festival. Play thousands of free creator made islands with friends including deathruns, tycoons, racing, zombie survival and more! Join the creator community and build your own island with Unreal Editor for Fortnite (UEFN) or Fortnite Creative tools. Each Fortnite island has an individual age rating so you can find the one that's right for you and your friends. Find it all in Fortnite!
PPG.report
Weather report tailored for paramotor pilots, worldwide. Combines winds aloft, nearby Terminal Aerodrome Forecasts, hourly forecasts, NWS active alerts and TFRs.
Logi Web Connect
Logi Web Connect gives you pairing flexibility to connect your Logi mice & keyboards through your Bolt Receiver. And is the perfect solution to pair your devices to computers without installing any software.
birdfood.gq
Tibbo Web Apps
Polypad – Virtual Manipulatives – Mathigon
Virtual manipulatives, dynamic geometry, graph plotting, data science and more: explore the ultimate mathematical playground!
D&D Tokenizer
Generate image tokens with fancy borders for D&D and other table games characters. Perfect for adding visuality to your gaming experience.
Average Colour
Average Colour is a tool to find the average colour in an image.
PWA Haven
Collection of small, fast, simple PWA's to replace native OS apps.
Oryx: The ZSA Keyboard Configurator
A powerful, visual tool to configure your keyboard. Based on the open-source QMK firmware.
Emberly - Your knowledge. Organized.
Emberly’s visual organization of bookmarks, notes, and files let you master information overload and learn better.
Mishipay
JSON utility tool
Web site created using create-react-app
OpenAI CLIP Image Search in JavaScript (Using ONNX Web Runtime)
wami
Ruby
Ruby (V3) is customizable, free, and fast.
Smart Text Editor
The text editor that requires only a browser and a keyboard!
StackEdit – In-browser Markdown editor
Full-featured, open-source Markdown editor based on PageDown, the Markdown library used by Stack Overflow and the other Stack Exchange sites.
Postr.me
Capture social network post to nice image and video
Your connected workspace for wiki, docs & projects
A new tool that blends your everyday work apps into one. It's the all-in-one workspace for you and your team.
Toaster
Toaster is a 3D editor that models in pure CSS + HTML. No WebGL, no canvas. Impractical? Yes. Useless? Also yes.
BrewFlasher Web Edition
WTFOS Configurator
Root and configure your DJI HD FPV goggles and air-units via web interface.
Lynx Toolbox
Lynx Toolbox is an online tool to help you manage your Lynx headset. You can use it to install apps, update your device, or perform various other actions.
Edit Photos and modify with Effects PhotoPWA.com
This online tool helps you easily cut and edit your photos. You can trim them just right, change the size, add cool filters, and make your images better with no hassle. The website as PWA is easy to use, so you can make your photos perfect and use fun filters.
Microsoft Loop - Think, plan and create together
ESP Web Tools
Easily allow users to flash new firmware for their ESP-devices on the web.
VRoid Hub
VRoid Hubは、3Dキャラクターのための投稿・共有プラットフォームです。モデルデータをアップロードするだけでキャラクターが活き活きとアニメーションするプロフィールページを作成でき、利用条件と共にモデルデータを配布することもできます。登録した3Dモデルは、VRoid Hubと連携した各種VR/ARプラットフォームや3Dコンテンツ上で利用可能です
GDevelop game making app
Build your own game super fast and without programming. Publish on mobile, desktop and on the web.
SpaceLancer
Online Virtual Piano Keyboard with MIDI Functionality
This virtual piano gives you a simple way to practice your piano/keyboard skills online. Just connect a MIDI controller and start playing right away.
Ilaria Food & Home – Ricette e stile di vita sostenibile
Ricette e stile di vita sostenibile
Open Video
Open local video files using the browser.
EdgeTX Buddy
Radio Garden
Explore live radio by rotating the globe.
Top War
In Top War, modern tanks are merged out of basic gunman, everything can be merged here.No more upgrade waiting times, merge two together and the upgrade will finish instantly.
Expressive Canvas
YouTube Audio Player
An awesome audio player for YouTube videos
Flowchart Maker & Online Diagram Software
JSMusicDB
Edit • Video
No ads, no popups, no cookies, no account. The fastest way to edit video online
Vimeo Interactive Video Experience Platform
Roland50.studio
Emulate the sound of Roland's most famous and influential musical instruments from Yuri Suzuki and Roland.
Markwhen
It's about time. Markwhen is a simple language for creating beautiful calendars, timelines, and more.
Narrow One
Capture the flag medieval style!
Capture QR Code
Instantly snap QR codes on mobile and desktop without installing an app.
web.autocad.com
Access AutoCAD® in the web browser on any computer. With the AutoCAD web app, you can edit, create, and view CAD drawings and DWG files anytime, anywhere.
Art Class
MOMO Pro
Impeccable timing and knowledge separate the stock trading elite. MOMO Stock Discovery App gives real-time stock market insight and alerts to time trades from desktop browser, iPhone, or Android.
velocity.radon.games
Music Instrument tuner app
Tune guiter, bass, ukulele. Also allows you to tune with chromatic tuner. This also has a useful metronome that you can use while you jam.
Ace Seventh Heaven
Visual Day scheduler.
Live Online Music Collaboration
Sessionwire Studio is a powerhouse creative communication suite for your production team featuring live video and studio quality HQ Audio.
WebGamer 🎮 Play Free Online Games
Play free online games instantly in your browser. WebGamer is a portal of next-gen web games you can play now without installing anything!
gphoto2 on the Web
Songwhip - Free music links to all platforms
In one click, Songwhip finds your music everywhere & makes a page you can share with everyone
Error
Daily Writing Builder
Photopea
Photopea Online Photo Editor lets you edit photos, apply effects, filters, add text, crop or resize pictures. Do Online Photo Editing in your browser for free!
SQLite Viewer Web App
A free online SQLite Explorer, inspired by DB Browser for SQLite and Airtable. Use this web-based SQLite Tool to quickly and easily inspect sqlite files on the web.
Senomix Timesheets - Sign-In
Senomix Time and Expense Tracking Software for Mac and Windows
Discover recipes, home ideas, style inspiration and other ideas to try.
WebScan
An experimental project to bring document/image scanning to the web (USB scanners).
Tinder
With 55 billion matches to date, Tinder® is the world’s most popular dating app, making it the place to meet new people.
pwamp
Bangle.io
HexEd.it - Browser-based Online and Offline Hex Editing
HexEd.it is a free hex editor for Windows, MacOS, Linux and all other modern operating systems, which uses HTML5 and JavaScript (JS) technology to enable hexediting online, directly in your browser.
Bluesky Social
See what's next.
SnapperGPS - Home
Home page of SnapperGPS - A small, low-cost, low-power wildlife tracking system.
mgerhardy.github.io
GoodNotes
GoodNotes app
dot big bang
dot big bang is a way to create and share games with your friends. Create on your own or with your friends, share with anyone by just sending a link!
PhotoStack
PhotoStack has moved to https://photostack.app
Journalistic
A micro journaling app with minimalistic design, pristine writing experience, and powerful insights.
Accessible UK Train Timetables
A blazingly small and fast UK train times journey planner and live departure boards, with bookmarkable URLs as a web app, and offline saving of viewed journeys.
Pixel-Art Editor & NFTs Laboratory
Make pixel art from real life images and draw on the image you can edit for free, filters, layers, library, are within the editor.
Pokedex.org
A mini-encyclopedia of Pokémon species, types, evolutions, and moves.
Service worker with push notification
il8n API Example
Demonstrates the chrome.i18n API by localizing text in the extension popup.
Test Screenshot Extension
Uses the chrome.tabs API to take a screenshot of the active tab.
Bookmark Viewer
Uses the chrome.bookmarks API to search through, add, and delete bookmarks from the user's bookmark tree.
Keyboard Pin
Uses the chrome.tabs API to toggle the pinned state of the current tab.
topSites API sample
Uses the chrome.topSites API to suggest which sites a user should visit.
Catifier
Replace every image by a cat's image in a website you visit
Omnibox Simple Example
Demonstrates the "omnibox" manifest key and most members of the omnibox API.
Cookie Clearer
Uses the chrome.cookies API by letting a user delete their cookies via a popup.
Geolocation - popup
Shows how to get geolocation access within a popup.
Devtools - Chrome Query
Uses the devtools API to add a sidebar that displays the jQuery data associated with the selected DOM element.
Typed URL History
Uses the chrome.history API to display in a popup the user's most visited pages.
MV3 Migration - content script example
Google Analytics Demo
How to use Google Analytics 4 in your extension.
Chromium Milestones
Shows the Chromium release milestone a given code review was merged into.
Stylizr
Demonstrates how to use the chrome.storage API.
Optional Permissions New Tab
Demonstrates optional permissions in extensions
Quick API Reference
Quick API can speed up the building of Chrome extensions.
No Cookies
Uses the chrome.declarativeNetRequest API to remove the "Cookie" header from requests.
Tab Inspector
Demonstrates the chrome.tabs API and the chrome.windows API by providing a user interface to manage tabs and windows.
Alarms API Demo
Uses the chrome.alarms API to allow the user to set alarms using an extension page.
BrowsingData API: Basics
Uses the chrome.browsingData API to clear the user's history without requiring the user to visit the history page.
My Bookmarks
A browser action with a popup dump of all bookmarks, including search, add, edit and delete.
chrome.commands
Uses the chrome.commands API by creating a new keyboard macro for switching tabs in the browser window.
Open side panel
Shows how to call sidePanel.open() to open a global side panel.
History Override
Demonstrates how to override the default history page.
Sandboxed Frame Sample
Demonstrates creation of a tab with a sandboxed iframe to which the main page passes a counter variable.
Action API Demo
Uses the Action API to change the badge text, icon, hover text, or popup page.
Hello Extensions
Base Level Extension
Web Accessible Resources Demo
Uses the web_accessible_resources key in the manifest.json file to control access to assets within an extension.
URL Blocker
Uses the chrome.declarativeNetRequest API to block requests.
Sandboxed Content Sample
Demonstrates creating a tab for a sandboxed iframe. The sandbox calls eval() to write HTML to its own document.
Top Sites
Uses the chrome.topSites API to get the user's most visited sites.
Notifications API sample
Demonstrates the creation of, and interaction with, each of the notification template types.
Geolocation - offscreen
Shows how to get geolocation access within a service worker.
CO2 meter extension
Demonstrates using WebHID to connect to a CO2 meter.
Font Settings API Sample
Demonstrates the chrome.fontSettings API by allowing users to modify the size of fonts on webpages.
URL Redirect
Uses the chrome.declarativeNetRequest API to redirect requests.
Scripting API Demo
Uses the chrome.scripting API to inject JavaScript into web pages.
Global Google Search
Uses the context menu to search a different country's Google
Tab Capture Example
Demonstrates how to use the chrome.tabCapture API.
Oliver Focus Mode
Example extension from DevTools Tips video.
Site-specific side panel
Shows how to display the side panel only on google.com using the Side Panel API.
Devtools - inspectedWindow API sample
Uses devtools.inspectedWindow to collect and use data on the resouces used in a web page.
Print Extension
Demonstrates all four methods of the chrome.printing namespace.
Favicon API in a popup
Demonstrates the favicon manifest permission by displaying the favicon of a url in the extension popup.
Debugger Extension
Uses the chrome.debugger API to capture network events on web pages.
Content settings
Uses chrome.contentSettings to display the settings of a given page in the extension's popup.
Tabs zoom API Demo
Uses the tabs.zoom API to manipulate the zoom level of the current tab.
webNavigation API Sample
Uses the webNavigation API to send notifications.
WebSocket Demo
How to use WebSockets in your Chrome Extension.
Offscreen API - Clipboard
Shows how to write a string to the system clipboard using the offscreen document.
WASM Load Example - Helloworld (no-modules)
Shows how to use WebAssembly (WASM) in Manifest V3.
Blank new tab page
Uses the "chrome_url_overrides" manifest key by replacing the user's default new tab page with a new html file.
Tab Capture - Recorder
Records the current tab in an offscreen document.
Context Menus Sample
Uses the chrome.contextMenus API to customize the context menu.
Merge Windows
Uses the chrome.windows and chrome.tabs APIs to manage tabs across different windows.
Idle - Simple Example
Demonstrates the Idle API
Tab Manager for Chrome Dev Docs
Geolocation - content script
Shows how to get geolocation access within a content script.
Focus Mode
Enable focus mode on Chrome's official Extensions and Chrome Web Store documentation.
Offscreen API - DOM Parsing
Shows how to use DOMParser in an extension service worker using the offscreen document.
Omnibox - New Tab Search
Demonstrates the "omnibox" manifest key and API by creating a keyword that opens a browser search in a new tab.
no-cookies Rule Manager
Demonstrates the chrome.declarativeNetRequest API by providing a UI to manipulate declarativeNetRequest rules dynamically.
Favicon API in content scripts
Demonstrates fetching the favicon from www.google.com and inserting it at the top left of every page.
File Handling Demo
Shows how to use the file_handlers manifest key with the web platform's Launch Handler API.
Advanced Font Settings
Demonstrates the chrome.fontSettings API by allowing users to modify the style of displayed fonts on web pages.
Broken Background Color
Fix an Extension!
Getting Started Example
Build an Extension!
WASM Load Example - Helloworld
Shows how to use WebAssembly (WASM) as a module in Manifest V3.
webRequest.onAuthRequired Demo
Demonstrates the webRequest.onAuthRequired listener to detect an authentication request and log the user into the designated site.
Page Redder
Turns the page red when you click the icon
Drink Water Event Popup
Demonstrates usage and features of the event page by reminding user to drink water
Reading time
Add the reading time to Chrome Extension documentation articles