Donc, pour résumer:

• pour avoir le nom des variables avec leur valeur, utiliser { }: console.log({var})
• console.warn(), console.error() et console.info() pour différencier l'aspect du message.
• console.assert(condition,retour) pour éviter un if (condition){console.log(retour)
• console.trace() pour remonter la pile d'appels
• console.time('etiquette') et console.timeEnd('etiquette') pour mesurer un temps d'exécution entre deux points
• console.group('nom'), console.groupCollapsed('nom') et console.groupEnd('nom') pour regrouper des console log()
• console.table(array) pour présenter les données sous forme de tableau
• console.dir(array) pour présenter hiérarchiquement un tableau
• $(selecteur) est équivalent à document.querySelector(selecteur)
• $$(selecteur) est équivalent à document.querySelectorAll(selecteur)

via http://warriordudimanche.net/article1587/618cfacda4a38

Sous le coude

Parfait ça comme tuto ! Pour passer d'une appli legacy à une appli moderne en Laravel. Rien que le début j'aurais pas fait comme ça et ça aurait été moins bien !

Han un sentry like autohébergé facilement installable utilisant le SDK de sentry aussi !

Ooooh, PHPStorm est vraiment plein de surprises et j'en découvre de plus en plus des raccourcis et des aides au debug !

Là, avec Laravel, ça marche quand même du tonnerre en copiant la stacktrace depuis la page d'erreur de dev vers l'IDE et pouf, ça trouve les fichiers impactés et tout :)

Tiens, y en a que je connaissais pas (ou plus)

Une bonne astuce mais il me semble que ça existait déjà sous forme de bookmarklet, bien plus pratique que de mettre ça dans ces feuilles de style.