Geliştirici Kaynakları: Kaynak haritalarını görüntüleme ve manuel olarak yükleme

Sofia Emelianova
Sofia Emelianova

Geliştirici Araçları'nın kaynak eşlemeleri başarıyla yükleyip yüklemediğini kontrol etmek için Geliştirici Kaynakları sekmesini kullanın. Gerekirse bunları manuel olarak yükleyebilirsiniz.

Geliştirici Araçları'nı açtığınızda, varsa kaynak eşlemeleri yüklenmeye çalışır. Hata olması durumunda Konsol, günlüğe aşağıdakine benzer bir hata kaydeder.

Konsoldaki kaynak eşleme yükleme hatası.

Geliştirici Kaynakları çekmecesi sekmesinde, kaynak harita yükleme durumunu görüntüleyebilir, hatta kaynak haritalarını manuel olarak yükleyebilirsiniz.

Geliştirici Kaynakları'nı açma ve durumu kontrol etme

Kaynak eşlemelerinin yükleme durumlarını kontrol etmek için:

  1. Geliştirici Araçları'nı açın, kaynak eşlemelerini etkinleştirdiğinizden emin olun ve Üç nokta menü. > Diğer araçlar > Geliştirici Kaynakları'na gidin.
  2. Tabloda, aşağıdaki sütunlarda yer alan değerleri kontrol edin:

    • Durum, kaynak eşleme yükleme işleminin başarılı mı yoksa başarısız mı olduğunu gösterir.
    • Varsa hata mesajını okumak için Error (Hata) yazın.

Durum ve Hata sütunları.

Kaynakları URL'ye veya Hataya göre filtreleyin

İlginizi çeken kaynak haritalarına odaklanmak için üstteki metin kutusuna bir metin girerek URL'lerde veya hata iletilerinde bu metni içermeyen kaynak haritalarını filtreleyin.

URL'si "js" içermeyen kaynak eşlemelerini filtreleyerek hariç tutma.

Sorun giderme

Geliştirici Araçları, varsayılan olarak web sitesi yerine kaynak haritaları ister. Bu tür istekler, kaynaklar arası olarak değerlendirilebilir ve yerine getirilmeyebilir.

İlk olarak web sitesi isteğinin kaynak eşlemesini sağlamak için Geliştirici Kaynakları'nın sağ üst köşesindeki Onay kutusu. Hedef üzerinden yüklemeyi etkinleştir'i işaretleyin.

Kaynak eşlemelerini yükleme konusunda hâlâ sorun yaşıyorsanız bu haritaları aşağıda açıklandığı gibi manuel olarak yüklemeyi deneyin.

Kaynak eşlemesini manuel olarak yükleme

Yükleme hatalarıyla karşılaşırsanız veya örneğin, üretimde kaynak eşlemeleri olmayan bir web sitesinde orijinal kodunuzda hata ayıklamak isterseniz bunları manuel olarak yükleyebilirsiniz:

  1. Kaynak haritalarını destekleyen araçlar kullanarak oluşturun.
  2. Kaynak eşlemelerini yerel olarak barındırın.
  3. Sayfanızda Geliştirici Araçları'nı açın ve kaynak eşlemelerini etkinleştirdiğinizden emin olun.
  4. Kaynaklar'da dağıtılan (işlenmiş) dosyayı açın, Düzenleyici'de dosyayı sağ tıklayın ve menüden Kaynak haritası ekle'yi seçin.

    Menüden "Kaynak haritaları ekle"yi seçmek.

  5. Metin kutusunda, kaynak eşleme URL'sini belirtin ve Ekle'yi tıklayın.

    Kaynak eşleme URL'sini belirtme.

  6. Kaynak eşlemenin Geliştirici Kaynakları'nda ve orijinal dosyanın (dağıtılandan eşlenen) dosya ağacında görünüp görünmediğini kontrol edin.

    Manuel olarak yüklenen bir kaynak eşlemesi, orijinal dosyanın dosya ağacında görünmesini sağlar.

  7. Orijinal dosyanızdaki hataları ayıklama adımına geçin.