브라우저 콘솔에 경고 문구 띄우는 방법

191228

페이스북에서 개발자 콘솔을 열면 무시무시한 메시지가 나타난다.

HTML 어딘가에서 console.log를 해주면 되는 간단한 작업이다. 특정 텍스트를 강조하고 싶다면 다음과 같이 CSS를 정의해주는 것도 가능하다.

html

<script type="text/javascript">  console.log(    "%cHi there!",    "color:darkorange; font-size:20px; font-weight: bold;",  );  console.log(    "Seems like you are trying to analyze my website -- which is great! Meanwhile, if you have any questions regarding my website, please feel free to ask me at mail@chosunghyun.com !",  );</script>

당연히 특정 CSS 코드를 JS 변수나 상수에 저장해서 활용하는 방법도 있다.

추가 자료

Facebook 경고 문구와 99% 동일한 경고 문구 코드
Tistory는 다음 코드를 사용한다.

if (window.console != undefined) {  setTimeout(    console.log.bind(      console,      "%cTISTORY",      "font:8em Arial;color:#EC6521;font-weight:bold",    ),    0,  );  setTimeout(    console.log.bind(      console,      "%c  나를 표현하는 블로그",      "font:2em sans-serif;color:#333;",    ),    0,  );}

Backlinks (1)

221119

Comments (0)

브라우저 콘솔에 경고 문구 띄우는 방법

경고

1년 이상 지난 글입니다. 정보가 오래되었을 수 있습니다.

191228

페이스북에서 개발자 콘솔을 열면 무시무시한 메시지가 나타난다.

HTML 어딘가에서 console.log를 해주면 되는 간단한 작업이다. 특정 텍스트를 강조하고 싶다면 다음과 같이 CSS를 정의해주는 것도 가능하다.

html

<script type="text/javascript">  console.log(    "%cHi there!",    "color:darkorange; font-size:20px; font-weight: bold;",  );  console.log(    "Seems like you are trying to analyze my website -- which is great! Meanwhile, if you have any questions regarding my website, please feel free to ask me at mail@chosunghyun.com !",  );</script>

<script type="text/javascript">  console.log(    "%cHi there!",    "color:darkorange; font-size:20px; font-weight: bold;",  );  console.log(    "Seems like you are trying to analyze my website -- which is great! Meanwhile, if you have any questions regarding my website, please feel free to ask me at mail@chosunghyun.com !",  );</script>

당연히 특정 CSS 코드를 JS 변수나 상수에 저장해서 활용하는 방법도 있다.

추가 자료

Facebook 경고 문구와 99% 동일한 경고 문구 코드
Tistory는 다음 코드를 사용한다.

if (window.console != undefined) {  setTimeout(    console.log.bind(      console,      "%cTISTORY",      "font:8em Arial;color:#EC6521;font-weight:bold",    ),    0,  );  setTimeout(    console.log.bind(      console,      "%c  나를 표현하는 블로그",      "font:2em sans-serif;color:#333;",    ),    0,  );}

if (window.console != undefined) {  setTimeout(    console.log.bind(      console,      "%cTISTORY",      "font:8em Arial;color:#EC6521;font-weight:bold",    ),    0,  );  setTimeout(    console.log.bind(      console,      "%c  나를 표현하는 블로그",      "font:2em sans-serif;color:#333;",    ),    0,  );}

Backlinks (1)

221119

Comments (0)