F12 | Inspect Element, Console

Stworzyłem przeglądarkę F12, ponieważ znudziło mi się podłączanie telefonu do komputera kablem za każdym razem, gdy chciałem sprawdzić szybki układ strony mobilnej lub wywołanie API.

Powiem szczerze: to projekt hobbystyczny, przeznaczony do szybkich sprawdzeń, nauki i eksperymentowania. Zdecydowanie nie zastępuje on desktopowych narzędzi Chrome DevTools ani zdalnego debugowania w pracy.

Kilka rzeczy, które możesz dzięki niej zrobić:

Uruchamiaj fragmenty kodu JavaScript bezpośrednio na stronie, aby zobaczyć, co się stanie.

Klikaj w drzewie HTML, aby zobaczyć klasy, style i wyróżnione elementy.

Obserwuj na żywo wywołania pobierania i XHR, aby sprawdzić kody statusu i odczytać dane JSON.

Otwieraj żądania sieciowe, aby zobaczyć nagłówki i parametry zapytania.

Wyciągaj linki multimedialne, takie jak obrazy lub strumienie wideo załadowane przez stronę.

Sprawdzaj logi konsoli i błędy.

Jeśli jesteś studentem, osobą ciekawą tego, jak działają strony mobilne, lub po prostu chcesz szybko sprawdzić poprawność działania interfejsu API, będąc poza biurem, mam nadzieję, że ten artykuł okaże się dla Ciebie przydatny.