Bagaimana cara menggunakan pintasan debugging Pengembang Chrome di Mac?

17

Saya men-debug javascript pada halaman web menggunakan Alat Pengembang Web Chrome. Di Windows, saya dapat menggunakan F11untuk masuk ke fungsi saat menggunakan debugger.

Namun, ketika saya menekan F11pada Mac saya, Volume hanya meningkat. F11+ fntidak melakukannya juga. Bagaimana saya bisa menggunakan pintasan keyboard Pengembang Web Chrome di Mac?

David Faux
sumber
Alternatif lain untuk Melangkah ke dalam Mac adalah Command+ ;(semi-kolon) dan Melangkah keluar adalah Shift+ Command+ ; (semi-kolon)
Ricardo
1
Saya suka mac saya, tetapi saya benci pintasan mereka. semuanya mengerikan
Robotsushi
Haha saya memiliki masalah yang sama, tetapi volume saya menurun, tidak bertambah.
cytinus

Jawaban:

17
  • Continue: F8atau Command- /(forward slash) pada Mac atau Control- /(forward slash) pada platform lain.
  • Step over: F10atau Command- '(apostrof) di Mac atau Control- '(apostrof) di platform lain.
  • Step into: F11atau Command- ;(semi-kolon) di Mac atau Control- ;(semi-kolon); pada platform lain.
  • Step out: Shift- F11atau Shift- Command- ;(semi-colon) di Mac atau Shift- Control- ;(semi-colon) pada platform lain.
  • Next call frame: Control- .(titik) pada semua platform.
  • Previous call frame: Control- ,(koma) di semua platform.

Sumber

Ƭᴇcʜιᴇ007
sumber
4
di OSX fn-F11 menunjukkan desktop atau sesuatu seperti itu - semua jendela terbang ke sisi layar
jcollum
Di macOS Catalina ke Continue: Command + \ (backslash) bekerja untuk saya
Nikhil Nambiar
39

Berhasil:

  1. Pergi ke System setting-> Keyborad-> Keyboard. Pastikan Anda telah Diaktifkan Use F1/F2 as standard function keys .

  2. Pergi ke System setting-> Keyborad-> Keyboard Shortcuts. Pilih Mission Controldi panel kiri, lalu lihat ke panel kanan dan nonaktifkan F11 ke Show Desktop.

Kaihua
sumber
1
Datang dari Windows ke OS X, ini adalah salah satu gangguan terbesar yang saya hadapi selama dua minggu terakhir ... Sekarang saya dapat men-debug dengan benar lol. FANKOOOOOO!
Gavin
Ini harus menjadi jawaban yang diterima.
JohnnyO
3
# 2 penting
parsh
Saya tidak dapat menemukanKeyborad
cytinus
4

Ini bisa dicapai dengan Karabiner juga. Papan tombol untuk keyboard berukuran penuh terlihat seperti:

<?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
sumber
Ini digunakan untuk bekerja dengan sangat baik untuk saya. Namun, baru-baru ini, keymap ke-2 & ke-3 di atas tidak berfungsi. Saya menggunakan Chrome Versi 57.0.2987.133 (64-bit) dan Karabiner 10.22.0. Saya telah memetakan "Step Over" ke F6 dan "Step into" ke F5. Saya menggunakan mac over sharing layar dari mac lain.
user674669
0

Jika seseorang menggunakan Elemen Karabiner, mungkin itu yang memblokir kunci fungsional Chrome. Membuka preferensi Karabiner Elements pada tab "Tombol Fungsi" dan memeriksa "Gunakan semua kunci F1, F2, dll. Sebagai tombol fungsi standar" telah membantu saya.

masukkan deskripsi gambar di sini

Michael Radionov
sumber