Javascript Girl
  1. Javascript Girl
  3. Message de console JavaScript avec coche vert
Intereting Posts
Comment puis-je mélanger un tableau? Existe-t-il un moyen d'inclure un fichier dans un script de café? Un moyen simple d'obtenir plusieurs objets liés dans Parse.com avec Javascript? JQuery JSONP ajax, l'en-tête d'authentification n'est pas défini Javascript: comment dire si la réponse AJAX est JSON Javascript: Vérifiez si le serveur est en ligne? Qu'est-ce qui ne va pas avec ce Javascript? chariot Séquence des champs d'objet Clone div et renommer les ID des éléments de manière incrémentale Brunch: séparant le fournisseur et l'application javascript Remplacement du texte sélectionné dans la zone de texte Thunderbird compose-send-message event ne tire pas Google maps fitBounds avec rembourrage? Grande compression de nombre "Cacher" l'écran de chargement d'une vidéo YouTube

Message de console JavaScript avec coche vert

Je me demandais si la possibilité d'avoir une coche verte dans votre console tout comme console.warn a le panneau d'avertissement jaune et console.error a le signe d'erreur rouge.

J'ai cherché sur Internet s'il y avait déjà une fonction comme ça, mais je ne pouvais pas le trouver. Maintenant, je cherche un moyen de mettre une icône avant un message console.log .

Est-ce possible?

Certes, c'est. Vous pouvez utiliser CSS dans Chrome: 

 console.log("%c hi", "background: url(path/to/your/icon.png) 0 0 no-repeat; padding-left: 20px;");

De la documentation :

Dev Tools prend en charge les spécificateurs de format suivants:

% C Formate la chaîne de sortie selon les styles CSS que vous fournissez.

Caveat:

La console ne supporte pas la répétition d' arrière-plan pour des raisons étranges. Donc, vous feriez mieux d'ajouter un peu de rembourrage à votre icône, ou bien de déplacer l'icône vers la droite: 

 console.log("hi %c", "background: url(path/to/your/icon.png) 0 0 no-repeat; padding-left: 20px;");