Javascript 查找console.log的其他语法（“cText”、“css:value”）

我刚刚在控制台中通过在console.log（…）中添加包含CSS格式的第二个参数发现了这一点。诀窍是用%c作为文本的前缀。例如，下面的例子

const text = "I am feeling blue";
const css = "color: orange;";
console.log("%c" + text, css);

虽然偶尔拥有它真是太好了，但我还是忍不住想，从书呆子的深度角度来看，是否还有更多关于%something语法的东西

我猜c代表css，而百分号是我不知道的某种转义字符。我也在谷歌上搜索过，但由于使用了语法，所以很难指定我要查找的内容。而且，众所周知，谷歌在读心术方面很差劲

---

这个问题有两个方面。控制台日志记录还有哪些语法可用，特别是百分号（这似乎是一个工具性的东西）和/或我如何用谷歌搜索这些东西？

控制台名称空间包含所有功能定义

另一个有用的链接

其他

%

语法包括

%o or %O    Outputs a JavaScript object. Clicking the object name opens more information about it in the inspector.

CSS样式设置

立即测试

您可以通过在控制台部分检查StackOverflow并通过它并按enter键来运行此命令

console.log("This is %cStackoverflow", "color: yellow; font-style: italic; background-color: blue;padding: 2px");

---

控制台命名空间，其中包括所有功能定义

另一个有用的链接

其他

%

语法包括

%o or %O    Outputs a JavaScript object. Clicking the object name opens more information about it in the inspector.

CSS样式设置

立即测试

您可以通过在控制台部分检查StackOverflow并通过它并按enter键来运行此命令

console.log("This is %cStackoverflow", "color: yellow; font-style: italic; background-color: blue;padding: 2px");

---

控制台格式说明符

它是如何工作的？控制台格式说明符包含符号

%

，在一个字母之后，该字母指定我们写入应应用于该值的格式类型

我们可以将第二个参数传递给console.log，因为效果在字符串消息中按各自的顺序更改，或者将值插入到输出字符串中

控制台格式说明符和相应输出的列表

例如，在控制台中运行此行：

const text = "This is a default font style";

console.log("%c" + text,"color: blue; font-size: 20px");
console.log("Hi %s, my name is %s", 'world', 'Joe',);
console.log(
'Hello %cAlligator%c!',
'color: #008f68; font-weight: bold; font-size: 2rem; text-shadow: 0 0 5px rgba(0,0,0,0.2);',
'color: hotpink; font-weight: bold; font-size: 2rem; text-shadow: 0 0 5px rgba(0,0,0,0.2);'
);

var a = [34, 203, 3, 746, 200, 984, 198, 764, 9];
console.log('myFunc(%o)', a);


console.log('%c' + text, 'font-weight: bold; font-size: 50px;color: red; text-shadow: 3px 3px 0 rgb(217,31,38) , 6px 6px 0 rgb(226,91,14) , 9px 9px 0 rgb(245,221,8) , 12px 12px 0 rgb(5,148,68) , 15px 15px 0 rgb(2,135,206) , 18px 18px 0 rgb(4,77,145) , 21px 21px 0 rgb(42,21,113)');

---

要了解更多信息，请检查。

控制台格式说明符

它是如何工作的？控制台格式说明符包含符号

%

，在一个字母之后，该字母指定我们写入应应用于该值的格式类型

我们可以将第二个参数传递给console.log，因为效果在字符串消息中按各自的顺序更改，或者将值插入到输出字符串中

控制台格式说明符和相应输出的列表

例如，在控制台中运行此行：

const text = "This is a default font style";

console.log("%c" + text,"color: blue; font-size: 20px");
console.log("Hi %s, my name is %s", 'world', 'Joe',);
console.log(
'Hello %cAlligator%c!',
'color: #008f68; font-weight: bold; font-size: 2rem; text-shadow: 0 0 5px rgba(0,0,0,0.2);',
'color: hotpink; font-weight: bold; font-size: 2rem; text-shadow: 0 0 5px rgba(0,0,0,0.2);'
);

var a = [34, 203, 3, 746, 200, 984, 198, 764, 9];
console.log('myFunc(%o)', a);


console.log('%c' + text, 'font-weight: bold; font-size: 50px;color: red; text-shadow: 3px 3px 0 rgb(217,31,38) , 6px 6px 0 rgb(226,91,14) , 9px 9px 0 rgb(245,221,8) , 12px 12px 0 rgb(5,148,68) , 15px 15px 0 rgb(2,135,206) , 18px 18px 0 rgb(4,77,145) , 21px 21px 0 rgb(42,21,113)');

---

要了解更多信息，请查看。

我以前没有遇到过这一点，但很快就在上找到了这一点（向下滚动到“使用字符串替换”部分，特别是“设置控制台输出样式”的下一部分）。如果您知道，console.table（）很酷！我以前没有遇到过这个问题，但没过多久就在上找到了它的文档（向下滚动到“使用字符串替换”部分，特别是下一个关于“设置控制台输出样式”的部分）。console.table（）很酷，如果你知道的话！你提到f，s，d/i和o/o。但是c有什么关系？你提到f，s，d/i和o/o。但是c有什么关系？我想知道你为什么不把它做成可运行的代码段？我想知道你为什么不把它做成可运行的代码段？

const text = "This is a default font style";

console.log("%c" + text,"color: blue; font-size: 20px");
console.log("Hi %s, my name is %s", 'world', 'Joe',);
console.log(
'Hello %cAlligator%c!',
'color: #008f68; font-weight: bold; font-size: 2rem; text-shadow: 0 0 5px rgba(0,0,0,0.2);',
'color: hotpink; font-weight: bold; font-size: 2rem; text-shadow: 0 0 5px rgba(0,0,0,0.2);'
);

var a = [34, 203, 3, 746, 200, 984, 198, 764, 9];
console.log('myFunc(%o)', a);


console.log('%c' + text, 'font-weight: bold; font-size: 50px;color: red; text-shadow: 3px 3px 0 rgb(217,31,38) , 6px 6px 0 rgb(226,91,14) , 9px 9px 0 rgb(245,221,8) , 12px 12px 0 rgb(5,148,68) , 15px 15px 0 rgb(2,135,206) , 18px 18px 0 rgb(4,77,145) , 21px 21px 0 rgb(42,21,113)');