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

Sofya Emelianova
Sofya Emelianova

Geliştirici Araçları'nın, kaynak eşlemelerini başarılı bir şekilde 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şlemelerini yüklemeye çalışır. Hata olması durumunda Console, aşağıdakine benzer bir hata kaydeder.

Konsoldaki kaynak eşleme yükleme hatası.

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

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

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 bulunan değerleri kontrol edin:

    • Durum bölümünde, kaynak eşlemesi yükleme işleminin başarılı mı yoksa başarısız mı olduğunu görebilirsiniz.
    • Varsa, hata mesajını okumak için Hata.

Durum ve Hata sütunları.

Kaynakları URL'ye veya Hataya göre filtreleyin

İlginizi çeken kaynak haritalarına odaklanmak için, üst kısımdaki metin kutusuna metin girerek URL'lerde veya hata iletilerinde bu metni içermeyen kaynak haritaları filtreleyin.

URL'sinde "js" içermeyen kaynak eşlemelerini filtreleyerek.

Sorun giderme

Geliştirici Araçları, varsayılan olarak web sitesi yerine kaynak eşlemelerini ister. Bu tür istekler, cross-origin olarak değerlendirilebilir ve işleme alınmayabilir.

Öncelikle web sitesi isteği kaynak eşlemelerini yapmak için Geliştirici Kaynakları'nın sağ üst köşesindeki Onay kutusu. Hedef üzerinden yüklemeyi etkinleştir'i işaretleyin.

Kaynak haritalarını yükleme konusunda sorun yaşamaya devam ederseniz, aşağıda açıklandığı gibi bunları manuel olarak yüklemeyi deneyin.

Kaynak eşlemesini manuel olarak yükleme

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

  1. Bunları destekleyen araçları kullanarak kaynak haritaları 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. Dağıtılan (işlenen) dosyayı Kaynaklar'da açın, Düzenleyici'de sağ tıklayın ve menüden Kaynak eşlemesi ekle'yi seçin.

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

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

    Kaynak eşleme URL'sini belirtme.

  6. Kaynak eşlemenin Geliştirici Kaynakları'nda ve dosya ağacında orijinal dosyanın (dağıtılan dosyadan eşlenmiş) 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österilmesini sağlar.

  7. Orijinal dosyadaki hataları ayıklamaya devam edin.