Hata ekranı nasıl paylaşılır? Gizli bilgileri çıkarma rehberi

Bir ekran görüntüsü, kurulum sorusunu anlatmayı kolaylaştırır. Ancak adres çubuğundaki token, açık e-posta veya terminaldeki gizli anahtar da fotoğrafa girebilir. Ekranın tamamını paylaşmak yerine sorunu gösteren en küçük alanı seçmek daha anlaşılır ve kontrollüdür.

Önce neyi çözmek istediğini belirle

Görüntüyü küçültüp işaretleyerek sorunu anlaşılır hâle getireceğiz. Paylaşmadan önce görünen her köşeyi okumak, sonradan bir sırrı iptal etmekten daha kolaydır.

Adım adım uygula

1 Alanı daralt. Hata mesajı ve ilgili arayüzü içeren bölgeyi seç. Soruyla ilgisiz bildirimleri, sekmeleri ve masaüstünü dahil etme.
2 Hassas metni kapat. Parola, token ve özel adresleri dolu bir kutuyla kapat. Yalnızca hafif bulanıklığa güvenme; sonucu yakınlaştırıp kontrol et.
3 Bir açıklama ekle. Ok veya numarayla takıldığın yeri göster. Görselin yanına beklediğin sonucu ve denediğin adımı bir cümleyle yaz.

Küçük bir örnek

Metin

Ortam: Windows / VS Code
Yaptığım: index.html dosyasını açtım.
Beklediğim: resmin görünmesi.
Olan: kırık görsel simgesi.
Görsel: yalnızca ilgili hata alanı, özel bilgiler kapatılmış.

Sık takılınan nokta

Görüntüyü kırpmak, dosyanın içeriğinde başka hassas bilgi kalmadığını otomatik kanıtlamaz. Ekran kaydı alıyorsan bildirimler sonradan da çıkabilir. Paylaşım aracının otomatik yükleme ayarını da kontrol et.

Şimdi kendin dene

Gerçek hesap kullanmadan bir hata ekranı hazırla. Alanı kırp, bir ok ekle, örnek bir gizli metni kapat ve dışa aktardığın dosyayı yeniden aç.

Bir sonraki adım Konuyu örneklerle çalış → →

Sık Karşılaşılan Hatalar, Nedenleri ve Hızlı Çözüm Tablosu

Hata ekranı nasıl paylaşılır? Gizli bilgileri çıkarma rehberi konusunu kendi projende uygularken en sık karşılaşılan durumları ve çözüm adımlarını aşağıdaki tabloda bulabilirsin:

Belirti / Sorun	Temel Nedeni	Nasıl Teşhis Edilir?	Kesin Çözüm
Değişiklik ekrana yansımıyor	Dosya kaydedilmemiş veya tarayıcı eski önbelleği gösteriyor	Editörde dosya adının yanında nokta işareti var mı bak	`Ctrl+S` / `Cmd+S` ile kaydet ve `Ctrl+F5` ile yenile
Büyük/küçük harf veya yol hatası	Dosya adı, seçici (`id`/`class`) veya değişken adı birebir eşleşmiyor	Konsol (F12) veya terminaldeki satır numarasını kontrol et	Türkçe karakter ve boşluk içermeyen küçük harfli adlandırma kullan
Tür veya Boş Değer (`null`/`None`) Hatası	Henüz oluşmamış bir HTML elemanına veya metin (`string`) tipindeki sayıya işlem yapmak	`console.log(typeof x)` veya `print(type(x))` ile türü yazdır	İşlem öncesi değerin varlığını (`if`) ve tür dönüşümünü (`Number`/`int`) doğrula
Ortam / Paket Uyuşmazlığı	Terminalde farklı bir klasörde veya sanal ortam dışındayken komut çalıştırmak	`pwd` (veya `cd`) ve `which python` ile konumu gör	Proje kök klasöründe doğru sanal ortamı etkinleştirerek çalıştır

Adım Adım Hata Ayıklama (Debugging) ve Temiz Kod Kontrol Listesi

1. Sorunu En Küçük Örnekte İzole Et: 200 satırlık kodda hata aramak yerine, yalnızca takıldığın satırı 5-10 satırlık küçük bir deneme alanında (Tarayıcıda Kod Dene sayfasında) tek başına çalıştır.
2. Varsayma, Konsola Yazdır: "Bu değişkenin içinde kesin 10 vardır" diye düşünmek yerine, işlemden hemen önce değişkenin değerini ve tipini ekrana yazdırarak gözünle doğrula.
3. Tek Seferde Tek Değişiklik Yap: Aynı anda hem HTML yapısını, hem CSS sınıfını hem de JavaScript fonksiyonunu değiştirirsen sorunun hangisinden kaynaklandığını bulamazsın.
4. Sınır Değerleri Test Et: Kodun normal bir girdide çalıştığında hemen bırakma; boş girdi (`""`), sıfır (`0`) veya beklenmeyen bir değer girildiğinde nasıl davrandığını da kontrol et.

Sıkça Sorulan Sorular (SSS)

Hata mesajları İngilizce olduğu için anlamakta zorlanıyorum, ne yapmalıyım? +

Hata mesajının tamamını ezberlemene gerek yoktur; yalnızca üç bilgiye odaklan: 1) Dosya adı ve satır numarası, 2) Hatanın türü (ör. SyntaxError, TypeError), 3) En sondaki kısa açıklama. Webino App'in 52 Yazılım Hatası ve Çözümü sözlüğünden Türkçe karşılıklarına anında bakabilirsin.

Bilgisayarıma program kurmadan bu örnekleri hemen deneyebilir miyim? +

Evet. Sol menüdeki Tarayıcıda Kod Dene laboratuvarını kullanarak HTML/CSS, JavaScript, Python ve SQL kodlarını hiçbir kurulum yapmadan doğrudan tarayıcında çalıştırabilirsin.

Kaynak ve devamı

Resmi belgeleri aç ↗