Niestandardowa inspekcja obiektów w konsoli rozwojowej Chrome

Question

Zastanawiam się - czy narzędzia do projektowania Chrome obsługują coś w stylu Ruby inspect lub Objective C description, aby wydrukować jakiś znaczący ciąg zamiast pokazywania nazwy konstruktora obiektu podczas eksplorowania obiektów w konsoli.

Tak więc w takim przypadku - zamiast pokazywać "Crossing, Crossing, Crossing, ..." pokazywałoby to jakiś niestandardowy ciąg dla każdego obiektu (generowany przez metodę tego obiektu).

ps. Wiem, że istnieje metoda console.table, która może dawać fajne wyniki, ale nadal dobrze byłoby mieć bardziej uniwersalne formatowanie obiektów.

Answer 1

nazwa funkcji, której szukasz jest niestandardowe formatujących

Zasadniczo należy włączyć funkcję w Chrome i sprawiają, że w trakcie procesu uruchamiania skryptu, piszesz formatek do magicznego globalnej var window.devtoolsFormatters

oficjalna doc:

https://docs.google.com/document/d/1FTascZXT9cxfetuPRT2eXPQKXui4nWFivUnS_335T3U/preview