TẠO STYLE CHO CHỮ TRONG BROWSER CONSOLE
Hôm nay mình sẽ hướng dẫn cái tạo style cho chữ trong console =) console browser ấy nha
Trang mình có đoạn này
À nhận ra rồi !! facebook nó cũng có 1 cái:
Demo của mình:
Vậy làm sao để được như vậy ? ta sẽ dùng javascript + css để config cho nó Ờ.....nhưng mà mà css là để style cho trang chứ có style cho console đâu ? đặc biệt là nó lại làm được và được đa số các trình duyệt hỗ trợ =) Rất đơn giản là làm như thế này:
Trong code trên styleString là 1 đoạn css vd:
vậy khi thay vào nó là 1 đoạn string thế này:
Như vậy là đã xong kết quả thu được:
Demo giống của mình này:
quá đơn giản phải không :3 không ngờ console browser lại có nhiều tính năng hay như thế =) bật lên và làm thử thôi =)
Chúc site các bạn cho những dòng tin bá đạo trong console giúp chặn đứng các hacker Big Grin
Trang mình có đoạn này
Demo của mình:
Vậy làm sao để được như vậy ? ta sẽ dùng javascript + css để config cho nó Ờ.....nhưng mà mà css là để style cho trang chứ có style cho console đâu ? đặc biệt là nó lại làm được và được đa số các trình duyệt hỗ trợ =) Rất đơn giản là làm như thế này:
console.log("%cNội dung", styleString);
Trong code trên styleString là 1 đoạn css vd:
font-size: 2em;font-family: Lato;color: pink;
vậy khi thay vào nó là 1 đoạn string thế này:
console.log("%cNội dung", "font-size: 2em;font-family: Lato;color: pink;");
Như vậy là đã xong kết quả thu được:
Demo giống của mình này:
quá đơn giản phải không :3 không ngờ console browser lại có nhiều tính năng hay như thế =) bật lên và làm thử thôi =)
Chúc site các bạn cho những dòng tin bá đạo trong console giúp chặn đứng các hacker Big Grin