Pembangunan Sambungan Pelayar (Chrome & Edge) · Pelajaran

Pintasan Papan Kekunci dengan API Commands

Berikan pengguna mahir akses pantas kepada sambungan anda melalui pintasan papan kekunci global yang ditakrifkan dengan API commands.

Pelajaran 4 daripada 413 langkah

Pintasan Papan Kekunci dengan API Commands ialah pelajaran Pembangunan Sambungan Pelayar (Chrome & Edge) percuma di CoddyKit. Ini ialah pelajaran 4 daripada 4. Anda boleh membaca keseluruhan pelajaran di bawah secara percuma — kemudian berlatih secara praktikal dalam pelayar menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7. Pelajaran ini merupakan sebahagian daripada laluan pembelajaran Pembangunan Sambungan Pelayar (Chrome & Edge), dan kemajuan anda disegerakkan merentas web serta aplikasi CoddyKit. Kursus Pembangunan Sambungan Pelayar (Chrome & Edge) merangkumi sejumlah 4 pelajaran.

Mengapa Pintasan Papan Kekunci

Selain menu konteks dan omnibox, API commands membolehkan pengguna mencetuskan tindakan dengan satu tekanan kekunci. Pintasan menjadikan sambungan anda terasa pantas dan profesional bagi pengguna berpengalaman.

Mengisytiharkan Perintah

Tentukan setiap perintah dalam manifest di bawah commands, dengan gabungan kekunci yang dicadangkan bagi setiap platform.

{
  "commands": {
    "toggle-feature": {
      "suggested_key": { "default": "Ctrl+Shift+Y" },
      "description": "Toggle the feature"
    }
  }
}

Kekunci Merentas Platform

macOS menggunakan Command dan bukannya Ctrl. Sediakan cadangan khusus platform supaya kekunci lalai terasa semula jadi di mana-mana.

"suggested_key": {
  "default": "Ctrl+Shift+Y",
  "mac": "Command+Shift+Y"
}

Mendengar Perintah

Dalam pekerja perkhidmatan anda, kendalikan peristiwa onCommand. Nama perintah yang anda isytiharkan dihantar kepada pendengar.

chrome.commands.onCommand.addListener((command) => {
  if (command === 'toggle-feature') {
    console.log('Shortcut fired')
  }
})

Perintah Khas _execute_action

Perintah terpelihara bernama _execute_action membuka tetingkap timbul anda atau mencetuskan klik tindakan. Anda tidak perlu mengendalikannya dalam kod; pelayar akan menguruskannya.

{
  "commands": {
    "_execute_action": {
      "suggested_key": { "default": "Ctrl+Shift+E" }
    }
  }
}

Bertindak pada Tab Semasa

Kebanyakan pintasan beroperasi pada tab yang aktif. Buat pertanyaan di dalam pengendali, kemudian hantar mesej atau suntik skrip.

chrome.commands.onCommand.addListener(async (command) => {
  const [tab] = await chrome.tabs.query({ active: true, currentWindow: true })
  chrome.tabs.sendMessage(tab.id, { command })
})

Pengguna Boleh Menukar Kekunci

Kekunci yang anda cadangkan hanyalah cadangan. Pengguna boleh mengubahnya pada halaman pintasan sambungan pelayar, dan konflik diselesaikan di situ.

// chrome://extensions/shortcuts lets users rebind

Bilangan Cadangan yang Terhad

Pelayar mengehadkan bilangan perintah yang boleh mempunyai kekunci yang dicadangkan, biasanya empat. Perintah tambahan masih berfungsi tetapi bermula tanpa ikatan sehingga pengguna menetapkan kekunci.

Membaca Perintah yang Didaftarkan

Gunakan commands.getAll untuk memeriksa kekunci yang sedang terikat, yang berguna bagi memaparkan skrin bantuan dalam halaman pilihan anda.

const cmds = await chrome.commands.getAll()
cmds.forEach(c => console.log(c.name + ': ' + c.shortcut))

Mengelakkan Konflik

Pilih gabungan yang jarang digunakan untuk mengurangkan pertembungan dengan pelayar dan sambungan lain. Gabungan Shift dengan huruf biasanya selamat.

Mendokumentasikan Pintasan

Senaraikan pintasan anda dalam halaman pilihan atau panduan permulaan supaya pengguna menemuinya. Pintasan tersembunyi tidak membantu sesiapa.

Semakan Pantas

Uji pengetahuan anda tentang API commands.

Jawab dalam pelajaran interaktif

Ringkasan

Anda telah menambah pintasan papan kekunci:

Isytiharkannya di bawah commands dengan kekunci mengikut platform
Kendalikan onCommand dalam pekerja perkhidmatan
Gunakan _execute_action untuk tetingkap timbul
Patuhi had kekunci yang dicadangkan dan perubahan kekunci oleh pengguna
Dokumentasikan pintasan supaya mudah ditemui

Pintasan menjadikan sambungan anda terasa pantas dan mesra pengguna berpengalaman.

Percuma untuk bermula

Pelajari JavaScript dengan tutor kecerdasan buatan — percuma

Tulis dan jalankan kod sebenar dalam pelayar anda, dapatkan bantuan segera daripada tutor kecerdasan buatan yang tersedia 24/7, dan sambung semula dari tempat anda berhenti di web atau dalam aplikasi.

Kursus: 12
Pelajaran: 48

Mula belajar secara percuma Lihat kursus penuh

Soalan Lazim

Adakah pelajaran “Pintasan Papan Kekunci dengan API Commands” percuma?

Ya — teks penuh “Pintasan Papan Kekunci dengan API Commands” boleh dibaca secara percuma di web ini. Untuk berlatih secara interaktif menggunakan penyunting kod terbina dalam dan tutor kecerdasan buatan 24/7, serta membuka kunci baki kursus Pembangunan Sambungan Pelayar (Chrome & Edge), tingkat taraf kepada CoddyKit PRO. Kursus Pembangunan Sambungan Pelayar (Chrome & Edge) merangkumi sejumlah 4 pelajaran.

Apakah yang akan saya pelajari dalam “Pintasan Papan Kekunci dengan API Commands”?

Berikan pengguna mahir akses pantas kepada sambungan anda melalui pintasan papan kekunci global yang ditakrifkan dengan API commands. Anda berlatih Pembangunan Sambungan Pelayar (Chrome & Edge) menggunakan kod praktikal yang dijalankan terus dalam pelayar, manakala tutor kecerdasan buatan 24/7 menjawab soalan anda semasa anda mengikuti pelajaran.

Adakah saya memerlukan pengalaman untuk memulakan Pembangunan Sambungan Pelayar (Chrome & Edge)?

Tiada pengalaman terdahulu diperlukan. Pembelajaran Pembangunan Sambungan Pelayar (Chrome & Edge) di CoddyKit disusun untuk pelajar daripada peringkat pemula hingga lanjutan, jadi anda boleh bermula di sini atau dari awal dan belajar mengikut kadar anda sendiri. Ini ialah pelajaran 4 daripada 4.

Berapa lamakah pelajaran “Pintasan Papan Kekunci dengan API Commands” diambil?

Kebanyakan pelajaran CoddyKit mengambil masa kira-kira 5–10 minit. Setiap pelajaran ringkas dan interaktif, jadi anda boleh membuat kemajuan secara berterusan dan menyambung tepat dari tempat anda berhenti di web atau aplikasi.

Bolehkah saya menulis dan menjalankan kod dalam pelajaran Pembangunan Sambungan Pelayar (Chrome & Edge) ini?

Ya. Setiap pelajaran Pembangunan Sambungan Pelayar (Chrome & Edge) menyertakan penyunting kod terbina dalam, jadi anda boleh menulis dan menjalankan kod sebenar terus dalam pelayar serta menerima maklum balas kecerdasan buatan serta-merta — tanpa memerlukan persediaan setempat.

Semua pelajaran dalam kursus ini

Menambah Item Menu Konteks
Integrasi Kata Kunci Omnibox
Memberi Respons kepada Input Omnibox
Pintasan Papan Kekunci dengan API Commands

← Kembali ke Pembangunan Sambungan Pelayar (Chrome & Edge)