Przewodnik po współczesnych technologiach internetowych jest już stabilny Ulepszaj swoich agentów kodowania, korzystając ze sprawdzonych metod tworzenia stron internetowych, które zostały zweryfikowane przez ekspertów. Przeczytaj ogłoszenie

Google używa technologii AI do tłumaczenia treści na Twój preferowany język. Tłumaczenia wygenerowane przez AI mogą zawierać błędy.

Pięć sztuczek, które można wykorzystać w panelu konsoli

Umar Hansa

Użyj polecenia inspect(), aby przejść bezpośrednio do przekazanego węzła DOM.

inspect($('p'))

Używanie polecenia copy() do kopiowania tekstu do schowka

copy(Object.keys(window))
// stores ["top", "window", "location", "external"... and so on

Nadawanie stylów wyjściu konsoli

console.log('%cHello world', 'font-size:40px;color:#fff;text-shadow:0 1px 0 #ccc,0 2px 0 #c9c9c9,0 3px 0 #bbb,0 4px 0 #b9b9b9,0 5px 0 #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25),0 10px 10px rgba(0,0,0,.2),0 20px 20px rgba(0,0,0,.15);');

Pobieranie wartości obiektu

values({
    one: 1,
    two: 2,
    three: 3
})

// logs [1, 2, 3]

Wyczyszczenie konsoli

Cmd + K (Ctrl + L w Windowsie)

Pięć sztuczek, które można wykorzystać w panelu konsoli Zadbaj o dobrą organizację dzięki kolekcji Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.