e value as a string
%i or %d - Formats the value as an integer
%f - Formats the value as a floating point value
%o - Formats the value as an expandable DOM element. As seen in the Elements panel 
%O - Formats the value as an expandable JavaScript object
%c - Applies CSS style rules to the output string as specified by the second parameter

حالا سراغ چندنمونه میرویم. شما می‌توانید با کپی پیست کردن آن‌ها در کنسول کروم خود دنبال کنید و نتیجه را مشاهده نمایید.

مثال: چاپ یک  blue string (اعمال استایلCSS)

console.log("%cThis will be formatted with blue text", "color: blue"); 
// outputs: This will be formatted with blue text [in blue color]

همچنین می توانیم به تعداد دلخواه استایل اضافه کنیم.

console.log("%cTry me on!", "color: #FFFFFF; font-size: 45px; background: #333333; text-shadow: #FFF 0px 0px 5px, #FFF 0px 0px 10px, #FFF 0px 0px 15px, #FF2D95 0px 0px 20px, #FF2D95 0px 0px 30px, #FF2D95 0px 0px 40px, #FF2D95 0px 0px 50px, #FF2D95 0px 0px 75px;")
// outputs: a Vegas style super shiny string

استایل تنها چیزی نیست که می توانیم در کنسول دستکاری کنیم. ما می‌توانیم انواع داده‌ها (مثلاً یک عدد را به یک رشته) تبدیل کنیم یا از آنها خروجی بگیریم (مثلاً چاپ اشیاء ).

به عنوان مثال: چاپ یک رشته (تبدیل یک عدد به رشته)

console.log("This will be formatted as a string - %s ", 8999); 
// outputs: This will be formatted as an integer - 8999

چاپ یک رشته (تبدیل یک آرایه به یک رشته):

console.log("This will be formatted as a string - %s ", [78, 89, 1024, 47]); 
// outputs: This will be formatted as a string - 78,89,1024,47

console.log('This is an object %o', { obj: { prop1: 'Hello', prop2: "World" }})
// outputs: this is an object {obj: {…}}

console.log('Integer: %d, Floating point: %.1f', 12, 7.3)
// output: Integer: 12, Floating point: 7.3

console.log("%cThis will be formatted with blue text This will be formatted as a string - %s", "color: blue", 8999)
// outputs: This will be formatted with blue text This will be formatted as a string - 8999 [all in blue color]