Thêm Style vào trong JavaScript Console Output

Hướng dẫn thêm css vào trong console.log có thể giúp cho bạn thấy thú vị hơn trong debug JS. Dưới đây là snippet code JS thú vị cho bạn

var css = "text-shadow: 1px 1px 2px black, 0 0 1em blue, 0 0 0.2em blue; font-size: 40px;"
console.log("%cHello world", css);

Kết quả

Image

Giải thích: Ở đây đơn giản chỉ là replace biến css chứa cú pháp css vào trong log thông qua %c

Bạn vẫn có thể thêm nhiều biến css vd

var css1 = "....";
var css2 = "....";
console.log("%cHello world", css1, css2);