다른 브라우저에서 JavaScript 콘솔을 열려면 어떻게합니까?


78

웹 브라우저는 개발자 도구의 일부로 JavaScript 콘솔을 제공합니다. 이 콘솔은 다음과 같은 이유로 유용합니다.

  • 웹 페이지에서 발생하는 오류 및 경고는 콘솔에 로그인됩니다.
  • 웹 페이지와 상호 작용하기위한 JavaScript 명령은 콘솔에서 실행할 수 있습니다.

다른 브라우저에서 콘솔을 여는 데 사용되는 키보드 단축키는 무엇입니까?


나는 여기에 링크되는 tinyurl을 만들었으므로 다양한 브라우저 사용자에게 자바 스크립트 콘솔을 열도록 지시해야한다면 ... tinyurl.com/jscons
MalcolmOcean

답변:


65

크롬

Chrome DevTools 의 "콘솔"패널 열기 :

  • Windows 및 Linux : Ctrl+ Shift+J

  • 맥 OS : Cmd+ Opt+J

참고 : "콘솔"패널 외에도 Esc다른 패널이 활성화 된 상태에서 전환 할 수있는 더 작은 슬라이드 업 콘솔이 있습니다 .

전체 문서


Firefox

Firefox 개발자 도구 에서 "콘솔"패널 열기 :

  • 윈도우 : Ctrl+ Shift+K

  • 맥 OS : Cmd+ Opt+K

참고 : "콘솔"패널 외에도 Esc다른 패널이 활성화 된 상태에서 전환 할 수있는 더 작은 슬라이드 업 콘솔이 있습니다 .

전체 문서


인터넷 익스플로러

Internet Explorer의 F12 개발자 도구 에서 "콘솔"패널 열기 :

  • F12‘콘솔’탭을 클릭하십시오.

참고 : "콘솔"패널 외에도 다른 패널이 활성화되어있는 동안 Ctrl+ `를 통해 전환 할 수있는 더 작은 슬라이드 업 콘솔이 있습니다 .

전체 문서


원정 여행

참고 : Safari에서 콘솔을 보려면 Safari 환경 설정 ( 스크린 샷 ) 의 "고급"패널에서 "메뉴 막대에 개발 메뉴 표시"설정을 활성화해야합니다 .

Safari Web Inspector 에서 "콘솔"패널 열기 :

  • Cmd+ Opt+C

참고 : "콘솔"패널 외에도 Esc다른 패널이 활성화 된 상태에서 전환 할 수있는 더 작은 슬라이드 업 콘솔이 있습니다 .

전체 문서


오페라

  • Windows 및 Linux : Ctrl+ Shift+I
  • 맥 : + +I

전체 문서


1
Firefox에서는 메뉴 → 도구웹 개발자브라우저 콘솔 을 통해 별도의 창에서 열 수 있습니다 (현재 탭의 경우가 아니라 전역일 수도 있음) .
Peter Mortensen

F12 는 많은 브라우저에서 작동합니다.
Álvaro González

11

Opera에서 콘솔 (v9.6에서 확인)에 간접적으로 접근 하려면 단축키는 Ctrl+ Shift+ 인 i반면 Safari 5 (Windows의 경우)는 Ctrl+ Alt+i

모든 브라우저 제작자가 모여 키보드 단축키표준화 할 수 있기를 바랍니다 .

업데이트 : Opera 11의 Opera Dragonfly에서 스크립트 탭 아래에있는 REPL 탭은 이전 Opera 버전에서 사용 가능한 콘솔 옵션과 유사합니다.

간접 참조가있는 이 기사제외하고 커서 검색 후 REPL에 대한 많은 문서를 찾지 못했습니다 .

Google 홈페이지를 연 상태에서 REPL 에서이 명령을 시도하고 정상적으로 실행되었습니다. 즉, Google 로고를 숨겼습니다-document.getElementById ( 'logo'). style.visibility = 'hidden';


CTRL + SHIFT + Opera에서 개발 도구를 열 것입니다. 그러나 JavaScript 콘솔은 어디에 있습니까? JavaScript 코드는 어디에 입력하고 실행할 수 있습니까?
Šime Vidas

CTRL + ALT + Windows 7의 Safari 5에서는 아무 것도 수행하지 않습니다. 작동하는지 확인할 수 있습니까?
Šime Vidas

현상 메뉴 옵션이 활성화되어 있지 않기 때문일 수 있습니다. 이 옵션을 활성화하려면 편집> 기본 설정으로 이동하여 고급 탭에서 "메뉴 막대에 개발 메뉴 표시"체크 상자 옵션을 활성화하십시오.
mvark

그게 내 문제 야 바보 애플은 기본적으로 개발자 기능을 비활성화합니다. :)감사.
Šime Vidas

그렇습니다. 하단의 LOL에있는 REPL 탭
Šime Vidas가
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.