본문 바로가기
IT/유틸 및 팁

가짜 기사 만들어 친구 속이기(포토샵없이)

by 디진다 2018. 6. 2.
반응형













포토샵을 사용하지 않고 간단히 기사의 제목이나 내용 등을 변경해서 아래처럼 캡쳐해 사람들을 속일 수 있다.

구글 크롬, 파이어폭스, 사파리, 네이버 웨일 브라우저 등의 개발자 도구를 사용하면 손쉽게 수정이 가능한데 실제 기사가 수정되는 것은 아니라 본인이 보고 있는 페이지의 소스 일부를 변경하는 방법이다.


구글 크롬 개발자도구 사용 방법, 크롬 f12, 크롬 f12 막기, 크롬 f12 동영상, 크롬 f12 안될때, 크롬 디버깅 단축키, 크롬 f12 새창, 크롬 자바스크립트 수정, chrome developer tools 사용법, 크롬 소스 수정, 크롬 검사, 크롬 콘솔 로그, 파이어폭스 f12, 네이버 웨일 f12 개발자도구네이버스포츠 축구 기사 중 하나를 변경한 것임




▼ 타 브라우저도 동일하게 수정할 수 있으니 참고하고, 크롬 브라우저를 사용해서 예를 들어보자.

크롬 브라우저에서 적당한 임의의 기사를 클릭하고 들어간 뒤 개발자 도구 단축키인 F12을 누르자.

그럼 아래 그림처럼 오른쪽에 개발자 도구가 열린다.


구글 크롬 개발자도구 사용 방법, 크롬 f12, 크롬 f12 막기, 크롬 f12 동영상, 크롬 f12 안될때, 크롬 디버깅 단축키, 크롬 f12 새창, 크롬 자바스크립트 수정, chrome developer tools 사용법, 크롬 소스 수정, 크롬 검사, 크롬 콘솔 로그, 파이어폭스 f12, 네이버 웨일 f12 개발자도구



▼ 제목을 바꾸어 보자.

제목이 있는 부분의 몇 글자를 마우스로 영역 지정한 뒤 우클릭해서 검사(N)를 클릭하자.


구글 크롬 개발자도구 사용 방법, 크롬 f12, 크롬 f12 막기, 크롬 f12 동영상, 크롬 f12 안될때, 크롬 디버깅 단축키, 크롬 f12 새창, 크롬 자바스크립트 수정, chrome developer tools 사용법, 크롬 소스 수정, 크롬 검사, 크롬 콘솔 로그, 파이어폭스 f12, 네이버 웨일 f12 개발자도구



▼ 그럼 해당 부분의 소스가 파란색으로 표시된다. 이 때 .....으로 되어진 부분을 더블 클릭하자.


구글 크롬 개발자도구 사용 방법, 크롬 f12, 크롬 f12 막기, 크롬 f12 동영상, 크롬 f12 안될때, 크롬 디버깅 단축키, 크롬 f12 새창, 크롬 자바스크립트 수정, chrome developer tools 사용법, 크롬 소스 수정, 크롬 검사, 크롬 콘솔 로그, 파이어폭스 f12, 네이버 웨일 f12 개발자도구


▼ 더블 클릭을 하면 제목의 글자 소스를 확인할 수 있다. 


구글 크롬 개발자도구 사용 방법, 크롬 f12, 크롬 f12 막기, 크롬 f12 동영상, 크롬 f12 안될때, 크롬 디버깅 단축키, 크롬 f12 새창, 크롬 자바스크립트 수정, chrome developer tools 사용법, 크롬 소스 수정, 크롬 검사, 크롬 콘솔 로그, 파이어폭스 f12, 네이버 웨일 f12 개발자도구



▼ 개발자 도구에 있는 실제 제목 글자 부분을 더블 클릭해 적당한 제목으로 변경해 주면 웹사이트에 제목이 조금 전 입력한 글자로 변경된다. 2018 러시아 올림픽, 한국 4강진출이라고 새로운 제목을 입력했다.

이와 같이 추가로 입력된 기사 내용들도 변경하면 된다.


구글 크롬 개발자도구 사용 방법, 크롬 f12, 크롬 f12 막기, 크롬 f12 동영상, 크롬 f12 안될때, 크롬 디버깅 단축키, 크롬 f12 새창, 크롬 자바스크립트 수정, chrome developer tools 사용법, 크롬 소스 수정, 크롬 검사, 크롬 콘솔 로그, 파이어폭스 f12, 네이버 웨일 f12 개발자도구



▼ 사진 위에서 마우스 우클릭한 뒤 검사를 눌러 사진 또한 다른 것으로 변경할 수 있다.


chrome developer tools 사용법, 크롬 f12 새창, 네이버 웨일 f12 개발자도구, 구글 크롬 개발자도구 사용 방법, 크롬 검사, 크롬 f12, 크롬 콘솔 로그, 파이어폭스 f12, 크롬 f12 막기, 크롬 디버깅 단축키, 크롬 자바스크립트 수정, 크롬 소스 수정, 크롬 f12 동영상, 크롬 f12 안될때



▼ 사진을 검사하면 아래와 같이 사진의 주소가 나온다.

대체할 사진의 주소를 미리 복사해 둔 뒤 붙여넣기해 사진 주소를 변경해 주면 된다.


chrome developer tools 사용법, 크롬 f12 새창, 네이버 웨일 f12 개발자도구, 구글 크롬 개발자도구 사용 방법, 크롬 검사, 크롬 f12, 크롬 콘솔 로그, 파이어폭스 f12, 크롬 f12 막기, 크롬 디버깅 단축키, 크롬 자바스크립트 수정, 크롬 소스 수정, 크롬 f12 동영상, 크롬 f12 안될때


▼ 그럼 아래와 같이 제목과 사진 등이 포토샵없이 쉽게 변경된 것을 확인할 수 있다.


chrome developer tools 사용법, 크롬 f12 새창, 네이버 웨일 f12 개발자도구, 구글 크롬 개발자도구 사용 방법, 크롬 검사, 크롬 f12, 크롬 콘솔 로그, 파이어폭스 f12, 크롬 f12 막기, 크롬 디버깅 단축키, 크롬 자바스크립트 수정, 크롬 소스 수정, 크롬 f12 동영상, 크롬 f12 안될때


2018/07/13 - [IT/유틸 및 팁] - 모든 브라우저에서 가장 오른쪽 탭으로 바로 이동하기

2018/06/28 - [IT/윈도우] - 크롬, 파이어폭스, 오페라 브라우저를 메모장처럼

2018/06/16 - [IT/윈도우] - 크롬 다국어 가상키보드로 언어 쉽게 입력하기(구글입력기)

2018/05/20 - [IT/윈도우] - 크롬에서 스마트폰으로 웹페이지를 보내는 방법

2018/05/15 - [IT/윈도우] - 크롬, 파이어폭스 비디오 속도 컨트롤러 확장기능

2018/05/11 - [IT/윈도우] - 구글크롬 사이트 음소거하기

2018/05/04 - [IT/유틸 및 팁] - 크롬, 파이어폭스, 네이버웨일 드래그앤드롭으로 선택된 텍스트 검색하기

2017/07/27 - [IT/유틸 및 팁] - 구글크롬에서 구글어스 바로 실행하기(구글어스 설치필요없음)

반응형
그리드형

댓글