브라우저 콘솔창에 사용자 정보 노출하기

 

브라우저 콘솔창에 사용자 정보 노출하기 

   - 개발자 정보, 사이트, 등등을 콘솔창에 노출해보자~

 

아래같은 결과를 만들어 보자!

 

1. 에디터에 텍스트로 그림을 그리기 ( / _ | 등의 기호를 이용해 나만의 그림을 그리자)

  Generated by SuperMan
  __   __   _____     __
 |  | |  | |_   _|   /  |
 |  |_|  |   | |    |   |
 |   _   |   | |    |   |
 |  | |  |   | |    |__/
 |  | |  |  _| |_    __ 
 |__| |__| |_____|  |__|

  javascript console Url Link : http://www.mydomain.com

 

2. 각 행의 마지막에 줄비꿈 문자("\n")를 넣어준다. 

  Generated by SuperMan\n
  __   __   _____     __\n
 |  | |  | |_   _|   /  |\n
 |  |_|  |   | |    |   |\n
 |   _   |   | |    |   |\n
 |  | |  |   | |    |__/\n
 |  | |  |  _| |_    __ \n
 |__| |__| |_____|  |__|\n
\n
  javascript console Url Link : http://www.mydomain.com

 

3. 모든 행을 하나의 행으로 만든다.

  Generated by SuperMan \n  __   __   _____     __ \n |  | |  | |_   _|   /  | \n |  |_|  |   | |    |   | \n |   _   |   | |    |   | \n |  | |  |   | |    |__/ \n |  | |  |  _| |_    __  \n |__| |__| |_____|  |__| \n \n  javascript console Url Link : http://www.mydomain.com

 

4. 위에서 만든 한행의 모든 내용을 아래와 같이 작성

* console.log('%c이부분에위에서만든내용을삽입','color:green');

console.log('%c  Generated by SuperMan \n  __   __   _____     __ \n |  | |  | |_   _|   /  | \n |  |_|  |   | |    |   | \n |   _   |   | |    |   | \n |  | |  |   | |    |__/ \n |  | |  |  _| |_    __  \n |__| |__| |_____|  |__| \n \n  javascript console Url Link : http://www.mydomain.com','color:green');

 

5. 작성된 코드를 콘솔창에 입력하고 결과를 확인하자

위와같은 내용을 내가 만든 웹페이지에 삽입해보자 !