Cześć, w ostatniej wersji podsumowania narzędzi dla deweloperów przyjrzeliśmy się technologiom asynchronicznego stosów wywołań i kilku innym opcjom. W tej wersji wprowadziliśmy ulepszone filtrowanie w panelu sieciowym (z autouzupełnianiem), możliwości edycji zawartości DOM Shadow, aktualizacje CodeMirror 4 i inne ulepszenia.
Filtrowanie panelu sieci
Możesz teraz filtrować zasoby według określonych pól, takich jak Domena. Jeden z formatów filtra to: Domain:website.com. Oprócz filtrowania możesz też otrzymywać sugestie autouzupełniania dotyczące prawidłowych wartości filtrów, które są aktualizowane w czasie rzeczywistym w miarę wpisywania zapytania. Może się to okazać przydatne, gdy chcesz znaleźć wszystkie zasoby obsługiwane przez konkretną domenę. [crbubg.com/258421]
Edytuj zawartość modelu Shadow DOM
Narzędzia deweloperskie zawsze mogły edytować zwykły kod HTML w panelu Elements. Te możliwości obejmują teraz elementy w modelu Shadow DOM. [crbug.com/348991]
Uaktualnij do CodeMirror 4.0
CodeMirror, oparty na języku JavaScript edytor tekstu używany jako część panelu Źródła, został uaktualniony do wersji 4. Z tego powodu dodaliśmy kilka nowych funkcji: crbug.com/356878]
Szybkie wyszukiwanie usługi CSS
W nowym polu wyszukiwania w panelu Style możesz teraz wyszukiwać nazwy właściwości, wartości i selektory reguł. Wyniki są podświetlane w czasie rzeczywistym podczas wpisywania zapytania. [crbug.com/278852]
Sygnatury czasowe obok komunikatów w konsoli
Podczas rejestrowania wiadomości w krótkich odstępach czasu przydaje się dokładny czas zarejestrowania wiadomości. Możesz to włączyć w Eksperymentach w Narzędziach deweloperskich. [crbug.com/131714]
Zestawienie statystyk pamięci dla zrzutów sterty
Przeglądając zarejestrowaną zrzut sterty, zwróć uwagę na statystyczny wykres kołowy, który zawiera kolorowy przegląd tego, który aspekt JavaScriptu zajmuje najwięcej pamięci. Obecnie jest to funkcja eksperymentalna. Aby ją wypróbować, włącz „Statystyki zrzutu stosu”. [crbug.com/346335].
Wyświetl oryginalne źródło pliku Console.log, a nie wersji opakowanej
Prawdopodobnie masz funkcję otoki konsoli.log, ale niestety w konsoli wszystkie wiadomości pochodzą z obiektu takiego jak util.js:46. Teraz w Narzędziach deweloperskich możesz korzystać z pierwotnych lokalizacji. W polu „Pomijanie przeglądania źródeł o konkretnych nazwach” wpisz plik, który zawija komunikaty z dziennika konsoli. Dzięki temu Narzędzia deweloperskie będą umieszczać w nich czarne pola, a następnie wyświetlić prawdziwe źródło instrukcji logu. [crbug.com/231007].
Kilka innych drobnych, ale skutecznych dodatków
Odśwież panel Detektory zdarzeń w panelu Elementy po dynamicznym dodaniu lub usunięciu detektorów zdarzeń JavaScript. [crbug.com/341044].
Aby skupić się na danych wejściowych Konsoli, możesz użyć opcji
Ctrl+. Może się to okazać przydatne w przypadku korzystania z Narzędzi deweloperskich w przepływie pracy obejmującym tylko klawiaturę. [crbug.com/144943].Sugestie autouzupełniania w stylu obramowania dla wartości (kropka, linia przerywana, podwójna, groove) zostały zaktualizowane, aby pasowały do specyfikacji. [crbug.com/349998]
Przycisk Przywróć domyślne i załaduj ponownie **został dodany do panelu Ustawienia, który działa dokładnie tak, jak jest podany na puszce. [crbug.com/135451]
Obecnie jest to funkcja eksperymentalna. Możesz wypróbować funkcję zadokuj do lewej, aby sprawdzić, czy sprawdza się w Twoim przepływie pracy. Pozostałe tryby układu to zadokowanie do okna głównego (do prawej lub na dole) i oddokowanie w osobnym oknie. [crbug.com/134282]
Wartość „wheel” jest teraz oferowana jako punkt przerwania detektora zdarzeń, oprócz standardowych zdarzeń kliknięcia, ruchu kursora myszy, przesunięcia kursora myszy itp. [crbug.com/347562]
Na razie to wszystko, dziękuję za przeczytanie.