Ja tego debuggera stawiam w pliku, którego nie chce mi się szukać w tym drzewku po lewej stronie :) Jak masz rozbudowany projekt i kilka tysięcy plików js to już się robi tragedia. Debugger zatrzymuje aplikację w tym miejscu gdzie bym tego chciał, później stawiam breakpointy w tym pliku takie jakie potrzebuję (w zakładce sources), kiedy aplikacja się zatrzyma można najechać na konkretne zmienne i podejrzeć przychodzące wartości, można rozwijać sobie też drzewo obiektu itd (ehh te parenty w AngularJS) - taki standardowy proces debugowania.
Panie Romanie, czy przy teście prędkości wczytywania strony po 'Fast 3G' było zaznaczone 'disable cache' w zakładce Network? Przy moim teście nieco wolniej strona wczytała się po 3G :)
Ładownie strony na wolnym łączu było ok, gdyż prawdopodobnie w zakładce network miałeś domyślnie odznaczoną właściwość "disable cache", więc zdjęcia najpewniej nie były pobierane, gdyż Twoja przeglądarka zdążyła już je zapamiętać (przy pierwszym requeście)
Odkopuje po takim czasie, ale może ktoś mi pomoże. Czy mogę uruchomić ten pasek opcji na windowsie? Bo nie mam pojęcia jak, a jest to przydatna funkcja :/
Szczerze mówiąc od kiedy korzystam z apple (a będzie już tak z 10 lat) to totalnie przestałem się interesować sprzętem komputerowym, więc nie za bardzo doradzę. Oczywiście mogę polecić MacBooka Pro - ważne żeby miał dysk SSD i +8 GB RAM'u. Do webdevu macOS jest bardzo fajnym systemem.
Właśnie odinstalowałem rozszerzenie od zrzutu ekranu całej strony, dzięki :D Zabrakło mi tu zarządzania storagem (local storage, cookies itp.), ale to w sumie takie podstawowe.
![DevTools - jak ich poprawnie używać? [podstawy]](http://i.ytimg.com/vi/GvB9hyHa5m8/mqdefault.jpg)
W sumie to nie wiedziałem o tym fullscreen SS - dzięki!
Nie wiedziałam o tym "capture full size screenshot", mega przydatne. Dzięki, Adam ;)
Też dopiero niedawno to odkryłem :P Dzięki
Ja tego debuggera stawiam w pliku, którego nie chce mi się szukać w tym drzewku po lewej stronie :) Jak masz rozbudowany projekt i kilka tysięcy plików js to już się robi tragedia. Debugger zatrzymuje aplikację w tym miejscu gdzie bym tego chciał, później stawiam breakpointy w tym pliku takie jakie potrzebuję (w zakładce sources), kiedy aplikacja się zatrzyma można najechać na konkretne zmienne i podejrzeć przychodzące wartości, można rozwijać sobie też drzewo obiektu itd (ehh te parenty w AngularJS) - taki standardowy proces debugowania.
Mega odcinek ! Dzięki za opcje ScreenShot :D
Jak zawsze trzymasz wysokie standardy 😉
Ten debugger to spoko opcja, dzięki nie wiedzialem o tym.
standard branzowy to console.log("dupa"); ;)
Święte słowa xD
Dzięki! Super odcinek :)
Jaki masz chrome theme? Jeśli mogę zapytać :)
Panie Romanie, czy przy teście prędkości wczytywania strony po 'Fast 3G' było zaznaczone 'disable cache' w zakładce Network? Przy moim teście nieco wolniej strona wczytała się po 3G :)
Cache był czysty, tylko przy montażu przyspieszam lekko te ujęcia żeby Was nie zabić nudą :D
A co gdy korzystam z Firefox?
Polecam jeszcze wtyczkę Web Developer Checklist :)
Ładownie strony na wolnym łączu było ok, gdyż prawdopodobnie w zakładce network miałeś domyślnie odznaczoną właściwość "disable cache", więc zdjęcia najpewniej nie były pobierane, gdyż Twoja przeglądarka zdążyła już je zapamiętać (przy pierwszym requeście)
Kamil Warpechowski i tu cie mam ;) wyczyscilem cache przed tym testem. Tylko wycialem przy montazu. Też byłem zaskoczony że się ładnie pobralo.
co myslicie o testowaniu na slow 3g? ma to sens czy nie ma sensu sie bawic w to?
Jakas wersja na firefox-a?
Nie korzystam z firefoxa, ale te ichnie devtoolsy jakoś piorunująco się nie różnią od chromowych z tego co kojarzę
Super odcinek!
Odkopuje po takim czasie, ale może ktoś mi pomoże. Czy mogę uruchomić ten pasek opcji na windowsie? Bo nie mam pojęcia jak, a jest to przydatna funkcja :/
ctrl + shift + p
Jaki wybrać laptop dla webDeva(procek,grafika,ram,os)??
Szczerze mówiąc od kiedy korzystam z apple (a będzie już tak z 10 lat) to totalnie przestałem się interesować sprzętem komputerowym, więc nie za bardzo doradzę. Oczywiście mogę polecić MacBooka Pro - ważne żeby miał dysk SSD i +8 GB RAM'u. Do webdevu macOS jest bardzo fajnym systemem.
OK dzieki
*Jaki theme używasz do chroma? Jak się nazywa?*
Material Incognito Dark Theme :)
Dzięki.
I kolejny super odcinek "na pełnej k****e"!
który masz theme w chrome?
To jest identyczny z Incognito mode - nazywa sie Material Incognito Dark Theme
10:20 Chciałbym, żeby testerzy u mnie w firmie mieli takie podejście :///
Za tego suchara mega like! XD
ten z interfejsem po śląsku też super :)
średnie. Sub :)
Hello Roman :)
Właśnie odinstalowałem rozszerzenie od zrzutu ekranu całej strony, dzięki :D Zabrakło mi tu zarządzania storagem (local storage, cookies itp.), ale to w sumie takie podstawowe.
Skąd ty bierzesz te wszystkie suchary? xD
Mateusz Stepaniuk z mojej chorej głowy 😂😂😂
Pouczające. Ja zagłębiłbym się jeszcze w panel Network.
Nie zrozumiałem żartu
Inspektor kodu pozwala Ci podglądać drzewko DOM (document object model), zatem odpalając inspektor kodu, można powiedzieć, że wchodzisz do DOMu :)
Mistrz