在字符串变量中设置Console.log的样式?

时间:2019-03-20 14:15:12

标签: javascript console.log

我正在尝试使用可用的样式选项在正在运行的javascript脚本上设置更好的控制台日志输出。

在这种情况下:

CREATE FUNCTION dbo.CheckAddition()
RETURNS bit
AS BEGIN RETURN (
    SELECT TOP 1 CASE 
        WHEN T2.col = 'C' THEN 1
        WHEN T2.col = 'D' AND T1.col = 'A' THEN 1
        ELSE 0 
    END AS 'Check'
    FROM T1 
    INNER JOIN T2
    ON T1.PK = T2.FK
    ORDER BY T2.PK DESC
) END

GO;
ALTER TABLE Shift ADD CONSTRAINT checkAdd CHECK (dbo.CheckAddition() = 1); 

我希望输出为:

标题1

这是第一个标题后面的一些文字

标题2

这是后面的其他一些文字

但是考虑到我发现的样式示例,我无法找到方法

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);

将加粗内部的所有内容。

能给我一些建议吗?

谢谢!

3 个答案:

答案 0 :(得分:1)

如果要将不同的样式应用于日志的不同部分,则必须使用多个%c并添加多个样式参数。

console.log(`%cTitle 1 \n %cThis is some text that follows the first title`, 'font-weight:bold', 'font-weight: normal');

据我所知,这是完成此任务的唯一方法。

https://hackernoon.com/styling-logs-in-browser-console-2ec0807dc91a

答案 1 :(得分:0)

然后多次登录:

 console.log(`%c Title 1`, 'font-weight:bold');
 console.log("content");

答案 2 :(得分:0)

我知道这个问题已经存在了一段时间,但是我正在执行性能日志记录并找到了这个问题。

var totalTime = 0.634563;
console.log("Widget Modal Performance Update:  Total Operation Time = %c" + totalTime.toFixed(2) + " seconds.", " font-weight: bold; color: #000099");    

您只需要确保%c在字符串添加中位于变量之前即可。