艣roda, 22 marca 2017

Debugowanie strony WWW na Twoim smartfonie

Debugowanie b艂臋d贸w pojawiaj膮cych si臋 na smartfonach, potrafi by膰 m臋czarni膮.

Zwykle zmiany w kodzie musimy wprowadza膰 intuicyjnie, bez mo偶liwo艣ci szybkiego podgl膮du b艂臋du na telefonie (potrzebny jest deploy), albo korzysta膰 z serwis贸w, kt贸re emuluj膮 dzia艂anie telefonu. W tych ostatnich, cz臋sto nie mo偶na korzysta膰 z podgl膮du strony umieszczonej na localho艣cie, a tak偶e nie mo偶na podejrze膰 藕r贸d艂a strony. WEAK!


Rozwi膮zanie problemu z debugowaniem stron WWW na smartfonach


Na szcz臋艣cie, rozwi膮zanie tego problemu przychodzi z samej "g贸ry", czyli od Google. Dzi臋ki nowym mo偶liwo艣ciom przegl膮darki Chrome, mo偶esz pod艂膮czy膰 do komputera Tw贸j telefon i debugowa膰 stron臋 WWW w taki sam spos贸b, jak robisz to w Chromie. Mo偶esz dzi臋ki temu tak偶e pod艂膮czy膰 smartfon do komputera, zrobi膰 szybkiego fixa w narz臋dziach developerskich Chrome bez zapisywania i podejrze膰 efekt. COOL! Co wi臋cej, Google pozwala na debugowanie strony WWW na smartfonie, z u偶yciem localhosta. SUPER!

Szczeg贸艂owy tutorial na stronie Google - https://developers.google.com/web/tools/chrome-devtools/remote-debugging/

W przypadku mojego smartfona, dzia艂anie tego systemu nie by艂o idealne (zrywanie po艂膮czenia, wolne dzia艂anie), jednak licz臋 na to, 偶e z czasem si臋 poprawi.

BTW - je艣li chcesz debugowa膰 stron臋 na przyk艂ad na iPhone, polecam Ci stron臋 BrowserStack - pierwsze 30 minut korzystania jest darmowe. Bez wi臋kszych problem贸w mo偶na debugowa膰 tak偶e stron臋 na localho艣cie.

Brak komentarzy:

Prze艣lij komentarz