[Chrome]크롬 개발자 도구 JavaScript 비활성화하는 방법

크롬 개발자 도구 JavaScript 비활성화하는 방법

웹 화면에서 값을 입력하거나 버튼을 클릭하는 행위는 모두 JavaScript에 의해 수행됩니다. Chrome은 기본적으로 JavaScript가 활성화되어 있지만, JavaScript가 비활성화된 웹 화면을 확인하고 싶을 수 있습니다.

 

예를 들어, 크롬으로 Airbnb 공식 사이트 접속 후 JavaScript를 비활성화하면 버튼을 클릭해도 어떠한 동작을 하지 않습니다.

값을 입력하거나 버튼을 클릭하는 행위뿐만 아니라 마우스 우클릭 방지, 복붙 방지, 드래그 방지 기능도 JavaScript에 의해 수행되므로 JavaScript를 비활성화하면, 복붙 방지된 글도 복사할 수 있습니다. 웹 페이지에서 JavaScript 비활성화하는 방법은 다음과 같습니다.

---

크롬 설정에서 JavaScript 비활성화

가장 간단한 방법은 크롬 환경설정에서 JavaScript 비활성화하는 것입니다.

 

순서 1. 우측 상단의 수직으로 표현된 세 개의 점 아이콘을 클릭합니다.

 

순서 2. 설정을 선택합니다.

 

순서 3. 좌측 "개인정보 및 보안" 탭을 선택한 후 "사이트 설정"을 선택합니다.

 

순서 4. "자바스크립트"를 선택합니다.

 

순서 5. 기본 동작에서 JavaScript 동작 여부를 설정할 수 있습니다.

---

특정 사이트 JavaScript 비활성화

특정 사이트에 대해 JavaScript 활성화&비활성화할 수 있습니다.

 

특정 사이트 JavaScript 비활성화하고 싶은 경우 자바스크립트 설정 화면으로 이동 후 다음 순서를 따라 합니다.

 

순서 1. "자바스크립트 사용이 허용되지 않음" 우측의 "추가" 버튼을 선택합니다.

 

순서 2. 사이트를 입력하고 "추가" 버튼을 선택합니다.

 

"추가" 버튼을 선택하면, 다음 사진처럼 자바스크립트 허용이 되지 않는 사이트가 등록됩니다. 해당 사이트는 허용, 수정, 삭제 버튼을 통해 변경할 수 있습니다.

---

크롬 개발자 도구에서 JavaScript 비활성화

특정 사이트에 대해 JavaScript를 잠시 비활성화하고 싶은 경우 크롬 개발자 도구를 활용할 수 있습니다.

 

순서 1. 특정 사이트 접속 후 크롬 개발자 도구를 실행합니다.

 

순서 2. 맥(Mac)인 경우 Command + Shift + p, 윈도우(Windows)인 경우 Control + Shift + p 단축키를 눌러 명령 메뉴를 실행합니다.

웹 브라우저가 한글로 설정된 경우 "자바스크립트", 영어로 설정된 경우 "JavaScript"를 입력 후 "자바스크립트 사용 중지" 명령을 실행합니다.

 

다음 사진처럼 JavaScript가 비활성화되었는지 확인할 수 있습니다.

---

크롬 개발자 도구 환경설정에서 JavaScript 비활성화

마지막 방법으로 크롬 개발자 도구 환경설정에서 JavaScript 비활성화할 수 있습니다.

 

순서 1. 크롬 개발자 도구 실행에서 우측 상단의 톱니바퀴 모양의 아이콘을 선택합니다.

 

순서 2. 디버거에서 "자바스크립트 사용 중지"를 체크합니다.