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

Facebook Console Warning Message
대충 이런 느낌적인 느낌느낌

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

<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 [email protected] !");
</script>

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

추가 자료

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);
}
You’ve successfully subscribed to Sunghyun Cho
Welcome back! You’ve successfully signed in.
Great! You’ve successfully signed up.
Your link has expired
Success! Check your email for magic link to sign-in.