J'essaie de configurer une sortie de journal de console plus agréable sur un script javascript que j'exécute en utilisant les options de style disponibles.
Dans ce cas:
console.log(`%c ${s}`, 'font-weight:bold');
Je voudrais avoir une sortie comme:
Titre 1 p >
Voici un texte qui suit le premier titre
Titre 2
Voici un autre texte qui suit
Mais étant donné les exemples que j'ai trouvés pour le style, je ne trouve pas comment le faire, car
s=`Title 1 \n This is some text that follows the first title`;
s=`${s} \n Title 2 \n This is some other text that follows`;
console.log(s);
mettrait en gras tout ce qu'il y a à l'intérieur.
Puis-je avoir des conseils?
Merci!
3 Réponses :
Connectez-vous plusieurs fois puis:
console.log(`%c Title 1`, 'font-weight:bold');
console.log("content");
Si vous souhaitez appliquer différents styles à différentes parties du journal, vous devez utiliser plusieurs % c et ajouter plusieurs arguments de style.
console.log(`%cTitle 1 \n %cThis is some text that follows the first title`, 'font-weight:bold', 'font-weight: normal');
En ce qui concerne Je sais, c'est le seul moyen d'y parvenir.
https://hackernoon.com/styling-logs-in-browser-console-2ec0807dc91a
Je sais que cette question est posée ici depuis un moment, mais je faisais une journalisation des performances et je l'ai trouvée.
var totalTime = 0.634563;
console.log("Widget Modal Performance Update: Total Operation Time = %c" + totalTime.toFixed(2) + " seconds.", " font-weight: bold; color: #000099");
Il vous suffit de vous assurer que% c précède la variable dans l'ajout de chaîne.