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?


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


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.


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>

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

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.