Electron Desktop App Development · Ders

Genel Kısayollar ve Pano Erişimi

Sistem genelindeki klavye kısayollarını kaydederek ve sistem panosunu Electron üzerinden okuyup yazarak yerel OS bütünleştirmenizi geliştirin.

4. ders / 413 adım

Genel Kısayollar ve Pano Erişimi, CoddyKit'te ücretsiz bir Electron Desktop App Development dersidir. Bu, 4 dersinin 4. dersidir. Aşağıdan dersin tamamını ücretsiz okuyabilir, sonra tarayıcıda yerleşik kod editörü ve 7/24 yapay zeka koçu ile uygulamalı olarak pratik yapabilirsin. Bu, Electron Desktop App Development öğrenme yolunun bir parçasıdır ve ilerlemeniz web ve CoddyKit uygulaması arasında senkronize olur. Electron Desktop App Development kursu toplamda 4 dersten oluşur.

Bu dersin bazı bölümleri henüz çevrilmemiş olup İngilizce olarak gösterilmektedir.

Reaching Beyond the Window

Native apps often respond even when not focused. Global shortcuts and clipboard access make your Electron app feel truly native.

The globalShortcut Module

Use globalShortcut in the main process to listen for key combos system-wide, even when your app is in the background.

const { globalShortcut } = require('electron');
app.whenReady().then(() => {
  globalShortcut.register('CommandOrControl+Shift+K', () => {
    console.log('shortcut fired');
  });
});

Accelerator Strings

Shortcuts are described with accelerator strings like CommandOrControl+Shift+I, which map correctly across macOS and Windows.

function normalize(accel) {
  return accel.replace('CommandOrControl', process.platform === 'darwin' ? 'Cmd' : 'Ctrl');
}
console.log(normalize('CommandOrControl+S'));

Checking Registration

Use isRegistered() to avoid conflicts and verify your shortcut actually bound.

if (globalShortcut.isRegistered('CommandOrControl+Shift+K')) {
  console.log('active');
}

Unregistering Shortcuts

Always clean up on quit with globalShortcut.unregisterAll() in the will-quit event.

app.on('will-quit', () => {
  globalShortcut.unregisterAll();
});

The clipboard Module

The clipboard module reads and writes text, HTML, and images to the system clipboard.

const { clipboard } = require('electron');
clipboard.writeText('Copied from Electron');
console.log(clipboard.readText());

Reading Clipboard Text

clipboard.readText() grabs whatever text the user last copied, enabling paste-aware features.

function preview(text) {
  return text.length > 20 ? text.slice(0, 20) + '...' : text;
}
console.log(preview('A very long clipboard string here'));

Clipboard Formats

Beyond text, you can read readHTML() and readImage(). Check availableFormats() first.

Combining Both Features

A common pattern: a global shortcut captures the current clipboard text and processes it instantly, like a quick-translate tool.

globalShortcut.register('CommandOrControl+Alt+T', () => {
  const text = clipboard.readText();
  process(text);
});

Respecting the User

Global shortcuts are powerful but intrusive. Make them configurable and avoid hijacking common OS combos.

Security Note

The clipboard may hold sensitive data like passwords. Read it only when the user explicitly triggers an action.

Quick Check

Test your knowledge of global shortcuts.

Recap

You learned to register system-wide shortcuts with globalShortcut, read and write the system clipboard, combine them for native workflows, and handle cleanup and security responsibly.

Başlamak ücretsiz

Yapay zeka eğitmeniyle JavaScript öğren — ücretsiz

Tarayıcında gerçek kod yaz ve çalıştır, 7/24 yapay zeka eğitmeninden anında yardım al; web'de ya da uygulamada kaldığın yerden devam et.

Kurslar
12
Dersler
47

Sıkça Sorulan Sorular

“Genel Kısayollar ve Pano Erişimi” dersi ücretsiz mi?

Evet — “Genel Kısayollar ve Pano Erişimi” dersin tüm metni burada web'de ücretsiz olarak okunabilir. Etkileşimli olarak pratik yapmak (yerleşik kod editörü ve 7/24 yapay zeka koçu) ve Electron Desktop App Development kursunun geri kalanını açmak için CoddyKit PRO'ya yükselt. Electron Desktop App Development kursu toplamda 4 dersten oluşur.

“Genel Kısayollar ve Pano Erişimi” dersinde ne öğreneceğim?

Sistem genelindeki klavye kısayollarını kaydederek ve sistem panosunu Electron üzerinden okuyup yazarak yerel OS bütünleştirmenizi geliştirin. Electron Desktop App Development ile uygulamalı kodu tarayıcıda doğrudan çalıştırarak pratik yaparsın ve 7/24 yapay zeka koçu dersi çalışırken sorularını yanıtlar.

Electron Desktop App Development öğrenmeye başlamak için deneyim gerekli mi?

Önceden deneyim gerekmez. CoddyKit'te Electron Desktop App Development, başlangıçtan ileri seviyeye kadar yapılandırıldığı için buradan başlayabilir veya başından başlayıp kendi hızında ilerleme yapabilirsin. Bu, 4 dersinin 4. dersidir.

“Genel Kısayollar ve Pano Erişimi” dersi ne kadar sürer?

Çoğu CoddyKit dersi yaklaşık 5–10 dakika sürer. Her biri kısa ve etkileşimli olduğu için sabit ilerleme yaparsın ve web ile uygulama arasında tam olarak bıraktığın yerden devam edebilirsin.

Bu Electron Desktop App Development dersinde kod yazıp çalıştırabilir miyim?

Evet. Her Electron Desktop App Development dersi yerleşik bir kod editörü içerir, bu sayede tarayıcıda gerçek kod yazıp çalıştırabilir ve anlık yapay zeka geri bildirimi alırsın — yerel kurulum gerekli değildir.

Bu kursun tüm dersleri

  1. Yerel Menüler ve Bağlam Menüler
  2. İletişim Kutuları ve Bildirimler
  3. Kabuk Entegrasyonu
  4. Genel Kısayollar ve Pano Erişimi
← Electron Desktop App Development Sayfasına Dön