StackExchange Kodu Tam Ekran Görüntüleyici
StackExchange sitelerinde kod görüntüleme deneyimini kod bloklarına tam ekran ve kopya işlevselliği ekleyerek geliştiren kapsamlı bir kullanıcı komut dosyası.
## Özellikleri
🔍 ** Tam Ekran Kod Görüntüleme**
- Dikkat dağıtılmasız görüntüleme için özel yeni bir sekmede kod bloklarını açar
- Geliştirilmiş renk şeması ile orijinal sözdizimi vurgulamasını korur
- Tam ekran gayrimenkul kullanan duyarlı tasarım
- Kod okuma için optimize edilmiş temiz, minimalist arayüz
📋 ** Tek Tıklama Kodu Kopyalama**
- Tek bir tıklama ile herhangi bir kod blokunu clipboarda kopyala
- Görsel geri bildirim başarılı kopya işlemini onaylar
- Orijinal sayfa ve tam ekran görünümü ile sorunsuz çalışır
🎨 ** Syntaks Vurgulama**
- Orijinal StackExchange sözdizimi vurgulamasını korur
- Highlight.js kullanarak tam ekran modunda geliştirilmiş vurgulama
- Otomatik dil tespit ve koruma
- Optimal okunabilirlik için GitHub tarzı renk şeması
⌨️ ** Klavye Kısayolları**
- Kaçış: Tam ekran sekmesini kapat
- Verimli navigasyon için sezgisel kontroller
## Yükleme
- Bir kullanıcı komut dosyası yöneticisi yükle (Tampermonkey, Greasemonkey vb.)
- Bu komut dosyasını kullanıcı komut dosyasından yükleyin
- Kod blokları ile herhangi bir StackExchange sitesini ziyaret edin
- Yeni düğmeleri görmek için kod bloklarının üzerine geçin
## Kullanım
### Temel İşlemler
- Kontrol düğmelerini ortaya koymak için herhangi bir kod blokunun üzerine geçin
- Yeni bir özel sekmede kod açmak için "Tam Ekran"ı tıklayın
- Kodu clipboarda kopyalamak için "Kopyala"ya tıklayın
- ** Kapatmak için tam ekran sekmesinde Escape ** basın
### Tam Ekran Görüntüleme Özellikleri
- Araç çubuğu: Kopya ve Kapat düğmeleri ile sabit konum
- Syntax Highlighting: Tespit edilen dilin temelinde otomatik olarak uygulanır
- Responsive Layout: Kod mevcut ekran alanını doldurur
- Klavye Navigasyonu: Hızlı çıkış için kaçış tuşu desteği
## Desteklenen Siteler
Skript tüm StackExchange ağında çalışır:
## Başlıca Siteler
- Stack Overflow - Tüm programlama soruları ve kod örnekleri
- Süper Kullanıcı - Sistem yönetimi ve güç kullanıcı kodu
- Sunucu Hatası - Sunucu ve ağ yönetimi komut dosyaları
- Ubuntu'ya Sor - Ubuntu / Linux komut satırı ve yapılandırma
- Math Overflow - Matematik kod ve algoritmalar
### Ek Kaplama
- Tüm StackExchange alt siteleri (200+ topluluk)
- Tüm desteklenen platformlar için meta siteler
- İnceleme kuyrukları ve arama sonuçları
- StackApps API ile ilgili kod örnekleri için
## Teknik Detaylar
### Uygulama
- Saf JavaScript - Ana sayfada dış bağımlılıklar yok
- CDN Entegrasyonu - Tam ekran sekmelerinde yüklenen Highlight.js
- Müdahale etmeyen - Orijinal sayfa stilini ve işlevselliğini korur
- Performans Optimize - Sayfa yükleme süreleri üzerindeki minimum etki
### Tarayıcı Uyumluluğu
- Chrome/Chromium - Tam destek
- Firefox - Tam destek
- Safari - Tam destek
- Edge - Tam destek
- Mobil tarayıcılar - Temel işlevsellik
### Güvenlik
- MIT Lisanslı - Açık kaynak ve denetlenebilir
- Veri toplama yok - Tamamen müşteri tarafında çalışır
- Popup kontrolleri - Popup blokörlerinin zarif kullanımı
- Güvenli yürütme - Ana sayfalarda dış komut dosyası enjeksiyonu yok
## Kod Yapısı
### Ana Bileşenler
" JavaScript "
// Temel fonksiyonlar
addStyles() // Düğmeler ve düzenlemeler için CSS enjekte eder
addButtons() // Kod blokları için hover düğmeleri oluşturur
openCodeInNewTab() // Tam ekran görüntüleme deneyimi oluşturur
copyToClipboard() // Kod kopyalama fonksiyonunu ele alır
### CSS Mimarlığı
- **Şeffaf sarmalar** - Orijinal stiline müdahale etmeyin
- **Duyumlu tasarım** - Farklı ekran boyutlarına uyum sağlar
- **Hover etkileşimleri** - Temiz, sezgisel kullanıcı deneyimi
- **Tam ekran optimizasyonu** - Özel görünümde maksimum okunabilirlik
### Olay Yönetimi
- **Load events** - Sayfa içeriği yüklendikten sonra başlatılır
- **Hover durumları** - Kontrol düğmelerini gösterir / gizler
- **Tıklama işleyicileri** - Tam ekran ve kopya işlemlerini yönetir
- **Klavye olayları** - Tam ekranda kaçış tuşu desteği
## Özelleştirme
### Stil Seçenekleri
Komut dosyası CSS değişkenlerini değiştirerek özelleştirilebilir:
CSS
/* Düğme görünümü */
.düğme {
arka plan rengi: #eee; /* Düğme arka planı */
yazı tipi boyutu: 12px; /* Düğme metin boyutu */
doldurma: 4px 8px; /* Düğme aralığı */
}
/* Tam ekran stili */
.toolbar düğmesi {
arka plan: #007acc; /* Araç çubuğu düğmesi rengi */
renk: beyaz; /* Araç çubuğu metin rengi */
}
### Dil Desteği
Sözdizim vurgulaması, şunlar dahil olmak üzere 190+ programlama dilini destekler:
- Web: JavaScript, TypeScript, HTML, CSS, SCSS
- Arka uç: Python, Java, C #, PHP, Ruby, Go, Rust
- Sistemler: C, C ++, Montaj, Kabuk / Bash
- Veri: SQL, JSON, XML, YAML, CSV
- İşlevsel: Haskell, Lisp, Erlang, F#
- Mobil: Swift, Kotlin, Dart
- ** Ve birçok daha. ..**
## Sorun Çözme
### Yaygın Sorunlar
** Düğmeler görünmüyor **
- Userscript yöneticisinin etkinleştirildiğinden emin olun
- Sitenin desteklenen maç desenlerinde olup olmadığını kontrol edin
- Kurulumdan sonra sayfayı yenileyin
** Popup tam ekranda engellendi **
- StackExchange alanları için popup'lara izin verin
- Tarayıcı açılış engelleyici ayarlarını kontrol edin
- Düğmeye doğrudan tıklamayı deneyin (geçiş sırasında değil)
** Sözdizim vurgulaması çalışmıyor **
- İnternet bağlantısını kontrol edin (tam ekranda CDN bağımlılığı)
- Kod blokunun doğru dil sınıfına sahip olduğunu doğrulayın
- Tam ekran sekmesini yenilemeyi deneyin
** Kopyalama çalışmıyor **
- HTTPS bağlantısını sağlayın (clipboard API gereksinimi)
- Tarayıcı clipboard izinlerini kontrol edin
Ctrl + C'yi geri dönüş olarak kullanmayı deneyin
### Performans Optimizasyonu
- Skript, sayfa renderini engellemekten kaçınmak için asynkron olarak yüklenir
- Minimal DOM değişiklikleri orijinal işlevselliği korur
- Olay delegasyonu hafıza ayak izi azaltır
- Pürüzsüz etkileşimler için optimize edilmiş CSS geçişleri
## Lisans
MIT Lisansı - Kişisel ve ticari kullanım için ücretsiz.
## Destek
Sorunlar, özellik istekleri veya katkılar için:
- GitHub Sorunları: Hataları bildirin ve özellikleri isteyin
- StackExchange Meta: Toplulukla geliştirmeleri tartışın
- UserScript Yorumları: Geribildirim ve ipuçları paylaşın
