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şlemelerini başarıyla yükleyip yüklemediğini kontrol etmek için Geliştirici Kaynakları panelini kullanın. Gerekirse bunları manuel olarak yükleyebilirsiniz.

Genel Bakış

Geliştirici Araçları'nı açtığınızda varsa kaynak eşlemelerini yüklemeye çalışır. Başarısızlık durumunda Console aşağıdakine benzer bir hata günlüğe kaydeder.

Console'daki kaynak eşleme yükleme hatası.

Geliştirici Kaynakları panelinde kaynak harita yükleme durumunu görüntüleyebilir ve hatta kaynak haritaları manuel olarak yükleyebilirsiniz.

Geliştirici Kaynakları'nı açıp durumu kontrol edin

Kaynak haritaların yükleme durumlarını kontrol etmek için:

  1. Geliştirici Araçları'nı açın, kaynak haritalarını etkinleştirin ve > Diğer araçlar > Geliştirici Kaynakları'na gidin.
  2. Tabloda aşağıdaki sütunlardaki değerleri kontrol edin:

    • Kaynak eşlemesinin yüklenmesinin başarılı olup olmadığını görmek için Durum.
    • Varsa hata mesajını okumak için Hata'yı seçin.

Durum ve Hata sütunları.

Kaynakları URL'ye veya hataya göre filtreleme

İlgilendiğiniz kaynak haritalara odaklanmak için üstteki metin kutusuna metin girin. Böylece, URL'lerde veya hata mesajlarında bu metni içermeyen kaynak haritalar filtrelenir.

URL'de "js" içermeyen kaynak haritaları filtreleme.

Kaynak haritaları yüklemeyle ilgili sorunları giderme

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

Web sitesinin önce kaynak haritalar isteğinde bulunmasını sağlamak için Geliştirici Kaynakları'nın sağ üst köşesinde Onay kutusu. Web sitesi üzerinden yükle'yi işaretleyin.

"Web sitesinden yükle" onay kutusu

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

Kaynak eşlemesini manuel olarak yükleme

Yükleme hatalarıyla karşılaşırsanız veya örneğin, üretimdeki bir web sitesinde kaynak haritaları bulunmayan orijinal kodunuzda hata ayıklama yapmak istiyorsanız bunları manuel olarak yükleyebilirsiniz:

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

    Menüden "Kaynak haritalar ekle"yi seçin.

  5. Metin kutusuna kaynak harita URL'sini belirtin ve Ekle'yi tıklayın.

    Kaynak eşleme URL'sini belirtme.

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

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

  7. Orijinal dosyanızın hatalarını ayıklamaya devam edin.