콘솔창 으로 웹 조작하기

1. 검색창에 콘솔로 글자 적어 넣기

 

DOM 검색기 위에 화살표를 클릭해서 검색창에 갖다 놓으면 , ID 명을 찾아준다

 

해당 ID를 콘솔창에 입력해준다

document.querySelector("input[id=query]");

다시 셀럭터 쿼리 뒤에 value 값을 같이 적어준다

document.querySelector("input[id=query]").value = "네이버 검색을 콘솔창으로 해보기";

 

2. 웹 디자인 변경해보기

왼 - 기존 네이버 / 우 - 콘솔 명령어로 이미지 변경

이렇게 네이버와 구글의 콜라보레이션을 만들어 봤다 ㅋㅋㅋㅋ

 

document.designMode = 'on'

명령어는 이렇게 간단하다. 

해당 명령어를 엔터로 실행시켜주고, 네이버 창에서 BACKSPACE 로 글이나 이미지를 지워주면 된다. 

 

3. 콘솔 명령어 저장하기