Controllo oggetti personalizzati nella console di sviluppo di Chrome

Question

Mi chiedo: gli strumenti di sviluppo di Chrome supportano qualcosa come Rubino inspect o Objective C description per stampare una stringa significativa invece di mostrare solo il nome del costruttore dell'oggetto quando si esplorano gli oggetti nella console.

Quindi, in questo caso - invece di mostrare "Crossing, Crossing, Crossing, ...", sarebbe mostrare qualche stringa personalizzata per ogni oggetto (generata da un metodo di quell'oggetto).

ps. So che esiste un metodo console.table che può produrre un buon output, ma sarebbe comunque bello avere una formattazione più universale degli oggetti.

Answer 1

Il nome della funzione che si sta cercando è formatter personalizzati

In sostanza è necessario abilitare la funzione in Chrome e fare che durante il processo di avvio dello script, si scrive il formattatori nella magia var globale window.devtoolsFormatters

Il documento ufficiale:

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