Mac에서 Chrome 개발자 디버깅 바로 가기를 어떻게 사용하나요?

17

Chrome 웹 개발자 도구를 사용하여 웹 페이지에서 자바 스크립트를 디버깅하고 있습니다. Windows에서는 F11디버거를 사용하는 동안 함수에 들어가는 데 사용할 수 있습니다 .

그러나 F11Mac에서을 누르면 볼륨이 증가합니다. F11+ fn도하 지 않습니다. Mac에서 Chrome 웹 개발자 단축키를 사용하려면 어떻게해야하나요?

macos google-chrome-extensions

— 데이비드 포
소스

Mac 에서 Step into 에 대한 다른 대안 은 Command+ ;(세미콜론)이고, step out 은 Shift+ Command+ ; (세미콜론)입니다

— Ricardo

1

나는 내 Mac을 좋아하지만 단축키가 싫다. 그들 모두는 끔찍하다

— Robotsushi

하하 (Haha) 같은 문제가 있지만 볼륨이 줄어들지 않고 줄어 듭니다.

— cytinus

17

Continue: F8나 Command- /Mac 또는에서 (슬래시) Control- /다른 플랫폼 (슬래시).
Step over: F10나 Command- 'Mac 또는에서 (아포스트로피) Control- '(아포스트로피) 다른 플랫폼.
Step into: F11또는 -Mac의 경우 Command- ;(세미콜론) 또는 Control- ;(세미콜론); 다른 플랫폼에서.
Step out: Shift- F11또는 Shift- Command- ;Mac 또는에서 (세미콜론) Shift- Control- ;다른 플랫폼 (세미콜론).
Next call frame: 모든 플랫폼에서 Control- .(마침표).
Previous call frame: Control- ,모든 플랫폼에서 (쉼표).

출처

— Ƭᴇcʜιᴇ007
소스

4

OSX의 fn-F11은 데스크탑 또는 이와 유사한 것을 보여줍니다. 모든 창은 화면 측면으로 날아갑니다

— jcollum

macOS Catalina에서 Continue: Command + \ (백 슬래시)가 나를 위해 일했습니다

— Nikhil Nambiar

39

효과가있다:

System setting-> Keyborad->로 이동하십시오 Keyboard. 활성화되어 있는지 확인하십시오 Use F1/F2 as standard function keys.
System setting-> Keyborad->로 이동하십시오 Keyboard Shortcuts. 선택 Mission Control왼쪽 패널에 다음 오른쪽 패널을 바라 해제 에 F11 Show Desktop.

— 카이와
소스

1

Windows에서 OS X로 오면서, 이것은 지난 2 주 동안 어려움을 겪었던 가장 큰 성가심 중 하나입니다. 이제 제대로 디버깅 할 수 있습니다. 판 쿠우!

— Gavin

이것이 정답입니다.

— JohnnyO

3

# 2는 중요하다

— parsh

찾을 수 없음Keyborad

— cytinus

4

이것은 Karabiner 에서도 가능합니다. 풀 사이즈 키보드의 키맵은 다음과 같습니다.

<?xml version="1.0"?>
<root>
  <appdef>
    <appname>CHROME</appname>
    <equal>com.google.Chrome</equal>
  </appdef>

  <item>
    <name>CHROMEDEBUGGINGKEY</name>
    <appendix>This maps the F13, F14 and F15 keys to Chrome debugging keys</appendix>
    <identifier>private.swap_chrome_to_debug_settings</identifier>
    <only>CHROME</only>
    <!--<autogen>__KeyToKey__ KeyCode::SPACE, KeyCode::TAB</autogen>-->
    <autogen>
      __KeyToKey__
      KeyCode::F13, KeyCode::F8
    </autogen>
    <autogen>
      __KeyToKey__
      KeyCode::F14, KeyCode::F10
    </autogen>
    <autogen>
      __KeyToKey__
      KeyCode::F15, KeyCode::SEMICOLON, ModifierFlag::COMMAND_L
    </autogen>
    <autogen>
      __KeyToKey__
      KeyCode::F16, KeyCode::SEMICOLON, ModifierFlag::COMMAND_L, ModifierFlag::SHIFT_L,
    </autogen>
  </item>
</root>

— jcollum
소스

이것은 나를 위해 아주 잘 작동했습니다. 그러나 최근에는 위의 두 번째 및 세 번째 키맵이 작동하지 않습니다. Chrome 버전 57.0.2987.133 (64 비트) 및 Karabiner 10.22.0을 사용하고 있습니다. "Step Over"를 F6에 매핑하고 "Step into"를 F5에 매핑했습니다. 다른 Mac에서 화면 공유를 통해 Mac을 사용하고 있습니다.

— user674669

0

누군가 Karabiner Elements를 사용하고 있다면 Chrome 기능 단축키를 차단하는 것일 수 있습니다. "기능 키"탭에서 Karabiner Elements 환경 설정을 열고 "모든 F1, F2 등 키를 표준 기능 키로 사용"을 선택하면 문제가 해결되었습니다.

— 마이클 라디오 노브
소스