Google 크롬 개발자 도구에서 완벽하게 작동하는 터미널 얻기

Anonim

모든 웹 개발자 또는 디자이너는 Google 크롬의 개발자 도구에 익숙합니다. 이 도구를 사용하면 웹 페이지 및 웹 애플리케이션을 쉽게 브라우저 기반으로 디버깅, 조정 및 조정할 수 있습니다. 웹 브라우저와 텍스트 편집기를 사용하는 사람들은 DevTools가 얼마나 유용한지 알고 있으며 타사 Chrome 확장 프로그램의 도움으로 기존 개발자 도구 배열에 터미널을 추가하여 Chrome을 훨씬 더 나은 개발 도구로 만들 수 있습니다.예, Chrome 브라우저를 종료하지 않고도 매우 빠른 명령줄 조정 및 조정을 위한 Terminal.app과 같은 터미널입니다.

Chrome 개발자 도구에 터미널을 설치하는 것은 Mac 사용자에게 매우 쉽습니다. 무료 Chrome 확장 프로그램을 다운로드하기만 하면 됩니다.

여기에서 DevTools용 터미널 받기

개발용 컴퓨터에서 OS X를 실행하지 않지만 여전히 Chrome 브라우저에 터미널을 설치하려는 사용자는 여기 개발자 페이지에서 node.js를 사용하여 지침에 따라 수동으로 설치할 수 있습니다. Chrome 확장 프로그램 추가와 함께 제공되는 원클릭 설치가 아니라 여전히 매우 쉽습니다.

설치가 완료되면 개발자 도구에서 터미널에 액세스하는 것은 페이지 요소를 조정하거나 오류 콘솔을 보거나 페이지 소스를 보는 것과 크게 다르지 않으며 새로 액세스할 수 있는 터미널 탭을 선택하기만 하면 됩니다.

  • 웹 페이지의 아무 곳이나 마우스 오른쪽 버튼으로 클릭하고 "요소 검사"를 선택한 다음 "터미널" 탭을 선택합니다.
  • 또는 키보드 단축키 사용: Ctrl+Shift+i를 사용하여 개발 도구를 불러온 다음 터미널 탭을 선택합니다.

아래 플러그인 개발자의 애니메이션 GIF는 간단한 사용법을 보여줍니다.

예, 이것은 완벽하게 작동하는 터미널이며, 꼬리 로그, 컬 헤더, nano 또는 vi를 사용하여 코드 편집, 패키지 업데이트, 재컴파일, Star Wars 시청 및 Tetris 플레이 등 특정 작업을 수행할 수 있습니다. 개발 작업에 필요한 커맨드라인 매직

중요 보안 정보: DevTools Terminal에서 사용하고 액세스하는 모든 데이터는 일반 텍스트로 전송됩니다. 따라서 ssh, sftp, mysql과 같은 프로덕션 환경에서 사용하거나 암호 또는 중요한 데이터를 어떤 방식으로든 전송하려는 경우 always use https 개발자에 따르면 비밀번호는 클라이언트에 저장되지 않지만 중요한 정보를 보내지 않도록 적절한 보안 조치를 취하는 것이 좋습니다.

Google 크롬 개발자 도구에서 완벽하게 작동하는 터미널 얻기