Zacznij korzystać z DevSuite Pro kilkoma kliknięciami
Rozpoczęcie pracy jest proste. Zainstaluj rozszerzenie, otwórz dowolną stronę i uzyskaj dostęp do ponad 39 narzędzi programistycznych z poziomu wyskakującego okienka lub pływającej stacji dokującej. Konfiguracja nie jest wymagana.
Dodaj rozszerzenie do Chrome
Otwórz Chrome Web Store i wyszukaj rozszerzenie "DevSuite Pro".
Kliknij "Dodaj do Chrome", a następnie potwierdź klikając "Dodaj rozszerzenie" w wyskakującym okienku.
Otwórz dowolną stronę i uruchom narzędzie
Przejdź do dowolnej witryny, następnie kliknij ikonę DevSuite Pro na pasku narzędzi lub użyj pływającego doku na stronie.
Wybierz dowolne narzędzie z siatki. Narzędzia takie jak CSS Inspector, Linijki lub Kroplomierz są aktywowane natychmiast na bieżącej stronie.
Funkcje rozszerzenia
Kluczowe funkcje DevSuite Pro
DevSuite Pro dostarcza ponad 39 narzędzi programistycznych do inspekcji, pomiarów, projektowania i analizy stron internetowych. Przyspiesz swoją pracę dzięki potężnym funkcjom wbudowanym bezpośrednio w przeglądarkę.
CSS Inspector
Najedź na dowolny element, aby natychmiast zobaczyć jego style CSS i edytować je na żywo, co ułatwia debugowanie i dostosowywanie projektów w czasie rzeczywistym.
Kliknij dowolny element, aby sprawdzić jego właściwości, wymiary, odstępy, czcionki i kolory. Zrozum strukturę strony natychmiast, bez otwierania DevTools przeglądarki.
Linijki i prowadnice
Mierz odległości, sprawdzaj wyrównanie i dodawaj linijki oraz prowadnice z dokładnością co do piksela na dowolnej stronie, aby upewnić się, że Twoje projekty są idealnie wyrównane.
Color Picker
Wybieraj kolory z dowolnego elementu na stronie i kopiuj wartości HEX, RGB lub HSL do schowka jednym kliknięciem.
Zrzut ekranu
Rób zrzuty całej strony lub widocznego obszaru na dowolnej stronie i pobieraj je natychmiast — idealne do udostępniania projektów i zgłaszania błędów.
Responsive Tester
Wyświetlaj podgląd strony na różnych rozmiarach ekranu i rozdzielczościach urządzeń, aby testować responsywność bez opuszczania przeglądarki.
Często zadawane pytania od użytkowników DevSuite Pro
Typowe pytania dotyczące funkcji i użytkowania rozszerzenia DevSuite Pro. Jeśli masz pytanie, odpowiedź może już znajdować się poniżej.
Jak zainstalować DevSuite Pro?
Odwiedź Chrome Web Store, wyszukaj "DevSuite Pro", kliknij "Dodaj do Chrome" i potwierdź wybierając "Dodaj rozszerzenie". Po zainstalowaniu ikona rozszerzenia pojawi się na pasku narzędzi przeglądarki. Kliknij ją, aby uzyskać natychmiastowy dostęp do ponad 39 narzędzi programistycznych.
Jaka jest różnica między narzędziami Darmowymi a Pro?
Narzędzia darmowe (20+) są dostępne dla każdego bez licencji. Narzędzia Pro mają złotą plakietkę PRO i wymagają aktywnej licencji Pro. W wyskakującym okienku możesz zobaczyć, które narzędzia są darmowe, a które pro – darmowe narzędzia nie mają ikony kłódki, podczas gdy narzędzia pro wyglądają na lekko przyciemnione, dopóki nie aktywujesz swojej licencji.
Dlaczego narzędzie nie działa na niektórych stronach?
Niektóre witryny mają rygorystyczne zasady bezpieczeństwa treści (CSP), które blokują niektóre działania rozszerzeń przeglądarki. Jest to szczególnie powszechne na stronach bankowych i rządowych. Ponadto wewnętrzne strony Chrome (chrome://) nie zezwalają rozszerzeniom na uruchamianie skryptów treści.
Czy moje zmiany na stronie są trwałe?
Nie. Wszystkie zmiany wprowadzone za pomocą narzędzi takich jak Przesuń element, Edytor tekstu na żywo, Usuń/Ukryj element i CSS Inspector są tymczasowe. Wpływają one tylko na to, co widzisz w swojej przeglądarce w danej chwili. Odświeżenie strony przywróci wszystko do pierwotnego stanu.
Jak aktywować licencję Pro?
Otwórz okienko DevSuite Pro, kliknij ikonę Ustawienia w prawym górnym rogu. Przewiń w dół do sekcji Licencja, wklej klucz licencyjny w polu wejściowym i kliknij Aktywuj. Jeśli klucz jest poprawny, plakietka zmieni się z FREE na PRO i wszystkie narzędzia pro zostaną natychmiast odblokowane.
Jak przesunąć lub ukryć pływający dok?
Możesz przesunąć dok, przechodząc do Ustawień i wybierając inną pozycję paska bocznego — Góra, Dół, Lewo lub Prawo. Możesz również całkowicie ukryć dok, wyłączając opcję "Pokaż dok na stronach" w Ustawieniach lub naciskając Ctrl+Shift+X w dowolnym momencie.
Czy DevSuite Pro zbiera dane o przeglądaniu?
Nie. DevSuite Pro nie zbiera, nie śledzi ani nie przesyła żadnych danych o przeglądaniu. Wszystkie ustawienia są przechowywane lokalnie w Twojej przeglądarce. Jedyne zewnętrzne zapytanie jest wykonywane podczas aktywacji klucza licencyjnego w celu zweryfikowania klucza na naszym serwerze.
Czy mogę używać DevSuite Pro w przeglądarce Firefox?
Tak! DevSuite Pro jest dostępny zarówno w Chrome Web Store, jak i Firefox Add-ons. Działa w przeglądarkach Chrome, Edge, Brave i innych opartych na Chromium, a także w Firefoksie.
