Rozszerzenie przeglądarki
Sprawdź stronę, na której pracujesz.
Uruchom lokalny audyt jednym kliknięciem i zobacz wyniki w panelu obok strony. Konto i kredyty nie są potrzebne.
Sprawdź dostępność, metadane, nagłówki, linki, obrazy i dostępne pomiary przeglądarki. Jeśli korzystasz z Insight, osobno pobierz jego raport lub uruchom skan po sprawdzeniu kosztu.
Beta Wersja 0.6.6 w Chrome Web Store i Firefox Add-ons. Lokalne kontrole bez konta.
Jak działa
Uruchom Lens w 3 krokach.
-
Dodaj Lens do przeglądarki
Zainstaluj z Chrome Web Store albo z Firefox Add-ons. Lokalne kontrole działają bez konta; raporty Insight wymagają konta i klucza API. -
Otwórz stronę lokalną, testową lub produkcyjną
Działa na localhost oraz na stronach za logowaniem w twojej sesji przeglądarki. Analizujesz to, co widzisz na karcie. -
Wybierz sposób pracy
Kliknij „Sprawdź bieżącą stronę”, aby zobaczyć lokalny raport w panelu bez nowej karty. Raport Insight i skan w chmurze wybierasz osobno.
Projektanci
Zobacz problemy tam, gdzie są na stronie
Włącz nakładkę, a Lens obrysuje elementy z wykrytymi problemami. Kolor mówi, z którego obszaru pochodzi problem, więc zrzut ekranu z zaznaczeniami od razu tłumaczy, co poprawić.
- Nakładka włączana jednym przełącznikiem
- Obrys i etykieta przy każdym elemencie
- Zaznaczenia widać na zrzucie ekranu
Nakładka obejmuje bieżący dokument. Ramki i zamknięty Shadow DOM są poza zakresem.
Deweloperzy
Od znaleziska do elementu DOM i poprawki
Każde znalezisko z selektorem prowadzi do konkretnego elementu. Proponowaną poprawkę CSS lub HTML podejrzysz na stronie, cofniesz jednym kliknięciem albo skopiujesz do edytora.
- Selektor i element podświetlony na stronie
- Odwracalny podgląd poprawki
- Fragment gotowy do skopiowania
Podgląd zmienia tylko kartę w twojej przeglądarce. Kod strony zostaje bez zmian.
QA i testerzy
Regresje widać bez opuszczania testowanej strony
Porównaj wynik z poprzednim skanem tej samej strony. Lens oddziela nowe problemy od naprawionych i pokazuje je na widoku, który testujesz.
- Poprzedni skan tej samej strony
- Nowe i naprawione problemy osobno
- Problem pokazany na stronie
Porównujesz bieżący stan karty. Lens nie przechodzi po całej domenie.
PM i liderzy zespołów
Wynik Insight obok strony, bez otwierania aplikacji
Z kluczem API panel pobiera raport Insight dla bieżącej strony: wynik, obszary i najważniejsze problemy. Pełna lista zadań, priorytety i raport klienta zostają w Insight.
- Wynik ogólny i wyniki obszarów
- Klucz API zapisany lokalnie w rozszerzeniu
- Nowy skan dopiero po pokazaniu kosztu
Funkcje Insight wymagają planu z dostępem do API.
Zobacz CometWeb InsightZakres
Co zawiera wersja 0.6.6
Wersja łączy lokalne kontrole bieżącej strony z raportem Insight. Wyniki lokalne i chmurowe są oddzielone; rozszerzenie nie zastępuje pełnego audytu ani certyfikacji.
W przeglądarce
Bez konta i kredytów, bieżąca karta, także localhost, wynik zostaje w przeglądarce.
Wydajność LCP, INP, CLS, FCP i TTFB, gdy przeglądarka udostępnia pomiar
Dostępność Reguły axe w bieżącym dokumencie i otwartym Shadow DOM
SEO Metadane, nagłówki i JSON-LD
Bezpieczeństwo Tylko w raporcie Insight
Ekologia Tylko w raporcie Insight
Na stronie Dziewięć narzędzi, inspektor i odwracalny podgląd poprawek
Z raportu Insight
Plan z dostępem do API, skan w chmurze po pokazaniu kosztu, historia i zadania w aplikacji.
Wydajność Pełny test laboratoryjny Lighthouse
Dostępność Wynik modułu Dostępność
SEO Wynik modułu SEO
Bezpieczeństwo Nagłówki, HTTPS i CSP z modułu Bezpieczeństwo
Ekologia Estymacja transferu i CO₂e (SWDM)
Na stronie Eksport raportu do JSON, CSV lub PDF
Dostęp i dane
Prywatność i uprawnienia
Rozszerzenie ma mały skrypt obsługujący menu „Sprawdź element” na stronach. Analiza, raporty i wysyłka do Insight zaczynają się dopiero po twojej akcji.
- Dostęp do stronSkrypt menu „Sprawdź element” działa na stronach WWW i sam niczego nie wysyła. wymagany
- Klucz APIZapisany w magazynie rozszerzenia, trafia tylko do app.cometweb.io. lokalnie
- Wysyłka do InsightAdres strony i klucz, gdy pobierasz wyniki albo tworzysz zadanie. na żądanie
- Pomiary dla InsightOsobna zgoda, którą w każdej chwili odwołasz. osobna zgoda
Co i kiedy trafia dalej
- Twoja przeglądarkaLokalny raport, ustawienia i zgody Selektor elementu, po kliknięciu prawym przyciskiem
- Rozszerzenie CometLensKlucz API w lokalnym magazynie Adres strony i klucz API, gdy pobierasz wyniki
- app.cometweb.ioRaporty Insight, skany i zadania
Lens nigdy nie wysyła
- Historii przeglądania
- Wartości pól formularzy
- Treści strony z menu kontekstowego
Szczegóły uprawnień
Skrypt menu kontekstowego
Manifest deklaruje ten skrypt dla wszystkich stron WWW, więc przeglądarka może pokazać szerokie uprawnienie do witryn. Skrypt obsługuje „Sprawdź element”: dopiero po kliknięciu prawym przyciskiem wyznacza selektor wskazanego elementu i przekazuje go do rozszerzenia. Nie wysyła treści strony ani nie wykonuje żądań sieciowych.
Analiza po twojej akcji
Lokalne narzędzia, audyt dostępności, inspektor i nakładka uruchamiają się dopiero po wybraniu funkcji. Rozszerzenie nie rozpoczyna skanu w chmurze samodzielnie.
Klucz API w rozszerzeniu
Klucz jest zapisany w lokalnym magazynie rozszerzenia i służy do uwierzytelniania żądań do app.cometweb.io. Skrypt analizowanej strony go nie otrzymuje.
Dane wysyłane do Insight
Po pobraniu wyników wysyłane są klucz API i adres bieżącej strony. Utworzenie zadania lub wyciszenie wysyła też wybrane wskazanie i wpisany tekst. Wartości pól formularzy nie są wysyłane.
Dwie osobne decyzje o eksporcie
Lokalny raport w panelu zostaje w pamięci rozszerzenia i nie jest automatycznie wysyłany. Osobna obserwacja sześciu reguł może trafić do projektu Insight po twoim potwierdzeniu. Pomiary wysyłane do Insight wymagają oddzielnej, odwoływalnej zgody.
Bez historii przeglądania
Lens nie odczytuje historii przeglądania. Klucz API przechowuje lokalnie rozszerzenie i wysyła go tylko do app.cometweb.io przy żądaniach Insight.
Instalacja
Obsługiwane przeglądarki
Wersja 0.6.6 jest dostępna w Chrome Web Store (CWS) i w Firefox Add-ons (AMO). Kolejne wersje przychodzą jako aktualizacje ze sklepu.
Chrome Chrome Web Store, 0.6.6 Otwórz w sklepie
Firefox Firefox Add-ons, 0.6.6 Otwórz w sklepie
Brave z Chrome Web Store Otwórz w sklepie
Wersja 0.6.6 wymaga Chrome 155+ i Firefox 140+. Testowaliśmy ją na macOS i Linuxie (Firefox 140.0, ESR 140.17 i 158); Windows pozostaje nieprzetestowany. Brave instaluje rozszerzenia z Chrome Web Store. Edge nie ma osobnej kwalifikacji. Safari, Android i tryb prywatny są nieobsługiwane.
Status wydania
- Funkcje
- lokalny raport w panelu, narzędzia strony, inspektor, wyniki Insight oraz odwracalne podglądy CSS/HTML.
- Ograniczenia
- lokalny odczyt dotyczy bieżącego dokumentu i stanu strony. Nie przechodzi po domenie ani nie zastępuje ręcznej oceny dostępności.
- Publikacja
- wersja 0.6.6 w Chrome Web Store i Firefox Add-ons. Rozszerzenie jest w fazie beta.
- Audyt lokalny
- Jeden przycisk otwiera lokalny raport w panelu. Zmiana strony unieważnia wynik; ponowny odczyt uruchamiasz samodzielnie.
- Informacja zwrotna
- zgłoś błąd przez formularz kontaktowy albo zostaw opinię w sklepie.
- Cena
- Instalacja i lokalne narzędzia są bezpłatne. Funkcje Insight wymagają planu z dostępem do API i klucza API. Nowy skan zużywa kredyty; koszt zobaczysz przed startem.
- Dane
- raporty Insight są w twoim koncie; lokalne kontrole zostają w przeglądarce. Ustawienia i zgoda na pomiary są przechowywane lokalnie.
Zobacz problemy bez opuszczania strony.
Lokalny raport w panelu i opcjonalne połączenie z Insight. Zainstaluj z Chrome Web Store albo z Firefox Add-ons.
Plan Insight z API Uruchamiane na żądanie Chrome i Firefox Jasne uprawnienia