지극히 평범한 1인 개발자

wooyoung

Profile
wooyoung

2019.06.09

JavaScript

개발자 도구 콘솔창에 커스텀 문구 띄우기

조회 수 17 추천 수 0

국내 블로그 서비스인 "Tistory"에 들어가서 개발자 도구(F12)를 열면 콘솔 탭에서 아래 사진과 같은 문구를 볼 수 있다.

 

tistory.png

 

 

자신의 사이트에도 이러한 문구를 띄우고 싶으면 아래의 코드를 <script>와 </script> 사이에 작성하면 된다.

글씨의 크기, 두께, 색상을 원하는 대로 변경할 수 있다.

if(window.console!=undefined){
  setTimeout(console.log.bind(console,"%c작은 글씨","font-size:15px;color:red;font-weight:bold"),0);
  setTimeout(console.log.bind(console,"%c큰 글씨","font:4em Arial;color:#ff314b;font-weight:bold"),0);
}
Profile
30
Lv
wooyoung
제가 아는 지식을 모두에게 공유하고 싶습니다!

0개의 댓글

Profile
에디터
번호 제목 글쓴이 날짜 조회 수
[JavaScript] 개발자 도구 콘솔창에 커스텀 문구 띄우기 profile wooyoung 2019.06.09 17
최근 글
https://blog.wooyoung.dev/files/thumbnails/419/262x150.crop.jpg?20190717172029

음악

ABBA - Waterloo

wooyoung

2019-06-26

0

https://blog.wooyoung.dev/files/thumbnails/416/262x150.crop.jpg?20190717172028

음악

David Bowie - Starman

wooyoung

2019-06-26

0

최근 댓글
서버에 요청 중입니다. 잠시만 기다려 주십시오...