글꼴 크기 늘리기 크롬 콘솔

크롬 콘솔에서 글꼴 크기를 어떻게 늘릴 수 있습니까?

Paul Irish가 한 것 같습니다.

http://www.youtube.com/watch?v=4mf_yNLlgic

최신 정보

다음은 테마를 맞춤 설정하는 방법에 대한 몇 가지 도움말입니다. https://plus.google.com/115133653231679625609/posts/UZF34wPJXsL

빠른 임시 크기 범프가 필요한 경우 Ctrl +/ -를 눌러 확대 / 축소하고 Ctrl 0재설정 할 수 있습니다 .

주제에 대한 최근 블로그 게시물이 있습니다.

기본적으로 다음과 같이 사용자 디렉토리Default/User StyleSheets/Custom.css 에서 재정의 하십시오 .

/* Keep .platform-mac to make the rule more specific than the general one above. */
body.platform-mac.platform-mac-snowleopard .monospace,
body.platform-mac.platform-mac-snowleopard .source-code {
    font-size: 11px !important;
    font-family: Menlo, monospace;
}

body.platform-windows .monospace, body.platform-windows .source-code {
    font-size: 12px !important;
    font-family: Consolas, Lucida Console, monospace;
}

body.platform-linux .monospace, body.platform-linux .source-code {
    font-size: 11px !important;
    font-family: dejavu sans mono, monospace;
}

1. 브라우저 열기
2. 콘솔을 엽니 다.
3. 를 누릅니다 Ctrl+.

도움이 되길 바랍니다

Mac에서 일본어 키보드를 사용 중이고 콘솔을 일시적으로 확대 / 축소하려는 경우 단축키는 다음과 같습니다.

확대 : ⌘ ^

축소: ⌘ -

줌 재설정 : ⌘ 0

다른 응용 프로그램은 +확대 를 위해 사용 하고 있지만 일본어 키보드에서는 더하기 기호가 두 번째 수준에 있기 때문에 Shift를 통해서만 액세스 할 수 있습니다. 그래서:⌘ ⇧ +

이상하게 느껴지는 곳은 Chrome에서 ⌘ ⇧ +분명히 "확대 콘텐츠"를 의미 하기 때문 입니다. Javascript 콘솔에 있고 ⌘ ⇧ +를 실행하면 창의 콘텐츠 영역이 확대됩니다. 그러나 축소를 수행 ⌘ -하면 포커스가 콘솔로 다시 이동하고 축소됩니다. 결과 : 콘텐츠는 점점 커지고 콘솔은 작아집니다. Aaarggghhh .

Windows 7, Google 크롬 19.0.1084.46m

"User StyleSheets / Custom.css"를 수정하는 방법은 나에게 작동하지 않았지만 Ctrl + "+"는 작동했습니다 :-)

이것은 구식입니다-@TinyJaguar의 답변을 참조하십시오. 이제 개발자 콘솔에서 무언가를 선택한 경우 Command- +를 사용할 수 있습니다.

Javascript 콘솔에서 글꼴 크기를 늘리려면 특정 글꼴 크기가 필요합니다. 소스의 글꼴 크기를 설정하는 것보다 약간 까다 롭습니다.

.source-code {
    font-size: 16px !important;
    font-family: monospace;
}

.console-prompt {
    font-size: 16px !important;
    font-family: monospace;
}

.console-message-text {
    font-size: 16px !important;
    font-family: monospace;
}

.monospace {
    font-size: 16px !important;
    font-family: monospace;
}

#elements-content {
  font-size: 16px !important;
}

글꼴 크기를 점진적으로 제어하는 ​​기능을 포함하여 Chrome 개발자 도구 용 컬렉션 편집기 설정을 제공하는 작은 플러그인을 만들었습니다 .

1. Chrome 웹 스토어에서 DevTools Author Chrome 확장 프로그램 설치
2. chrome : // flags / # enable-devtools-experiments에서 개발자 도구 실험을 사용 설정합니다. 플래그를 적용하려면 Chrome을 다시 시작하세요.
3. DevTools (cmd + opt + I)를 엽니 다. 설정> 실험> 맞춤 UI 테마 허용을 선택합니다.

Chrome 개발자 도구에 '작성자 설정'패널이 추가되어 10px-22px 범위에서 글꼴 크기를 점진적으로 제어 할 수 있습니다.

당신이 저와 같다면 CMD+ +가 당신을 위해 작동하지 않습니다. 대신 첫 번째 탭으로 전환되기 때문 Enable ⌘ + 1-9 shortcut to switch panels입니다.

이 경우 Dev Tools를 열고 Chrome 메뉴 표시 줄로 Undock into separate window이동합니다 View --> Zoom in. Voilà!

개발자 도구를 브라우저 창에 다시 도킹 View --> Zoom in하면 실제로 브라우저 창에서 글꼴 크기가 증가하지만, 개발자 도구가 도킹 해제 된 한 도킹 해제 된 개발자 도구를 대상으로합니다.

참고 : "Ctrl +/-"를 사용하여 글꼴 크기를 조정하려면 DevTools 내에서 Elements 탭을 열어야합니다. 어떤 이유로 다른 탭에서는 수행 할 수 없습니다.

최신 버전의 Chrome에서는 개발자 도구에서 글꼴의 글꼴 크기를 쉽게 변경할 수 있습니다.

1. 개발자 도구 열기
2. 소스 코드의 아무 줄이나 클릭
3. Ctrl + +를 눌러 글꼴 크기를 늘리거나 Ctrl +-를 눌러 글꼴 크기를 줄입니다.

나는 이것이 오래 min. font size되었다는 것을 알고 있지만 내가 찾은 간단한 해결책 은 설정 을 늘리는 것이며 크롬 디버거에서 글꼴 크기를 처리합니다.

Chrome 개발자 도구에서 글꼴 크기를 영구적으로 변경하는 또 다른 빠른 방법 : Settings-> Show Advanced Settings-> Web Content: 페이지 확대 / 축소 비율을 변경합니다.

결과는 다음과 같습니다. http://i.imgur.com/Puzduo9.png

최신 MacBook pro 2017을 사용하는 경우 command => shift => + 또는-모두 한 번에 누를 수 있습니다.

MacO에서 키 0또는 +또는 키 -가 두 번째 수준에 있으면 입력 ⌘ ⇧ +이 작동하지 않습니다. 이러한 경우에, 당신은 CAPSLOCK를 사용할 필요가 ⇪, 그리고 당신은 입력 할 수 있습니다 ⌘ +및⌘ 0

랩톱을 사용하는 경우 랩톱 트랙 패드로만 수행 할 수 있습니다.

한 손가락으로 트랙 패드를 탭한 다음 (아직 놓지 마십시오) 다른 손가락으로 위 또는 아래로 스크롤하여 글꼴 크기를 늘리거나 줄입니다.

개발 도구 패널이 초점에 있는지 확인하십시오. 내 HP Pavilion, Windows 8에서 테스트 및 작업했습니다.

 you can press Ctrl + / - to zoom and Ctrl 0