W sieci znany jako Notki otagowane google chrome
Od dłuższego już czasu do codziennej deweloperki używam Google Chrome (w wersji devel). Paul Irish na swoim blogu podzielił się kilkoma niezwykle przydatnymi sztuczkami których można użyć programując strony internetowe.
Oto kilka z najciekawszych z nich:
- można edytować html w locie - dosłownie!
- można w konsoli JS odwołać się do zaznaczonego elementu w inspektorze - przez $0.
- można edytować pliki CSS i JS na żywo (zakladka resources/zasoby), a potem tylko przycisnąć “zapisz” i mieć poprawiony plik. Ponadto podczas edycji Chrome zapisuje zmiany w poszczególnych plikach z wersjonowaniem. Co pozwala nam dowolnie się bawić kodem a potem tylko zapisać najlepszy z efektów pracy. Co jest najciekawsze, to to że kod CSS i JS można edytować w prawdziwych plikach a nie tylko w konsoli i inspektorze styli (dostępne, jak wspominałem, w zakładce Resources).
- używając breakpointów i automatycznego stopowania kodu w przypadku wyjątku można debugować skrypty bez zbędnego wstawiania console.log().
- a ponadto Chrome potrafi w przejrzysty sposob pokazywam zminify’owane JSy…
Do pełnej listy przydatnych funkcji odsyłam do bloga Paula Irisha i opublikowanej tam infografiki oraz video.
