DevTools Sources'taki dosyaları nasıl açabilirim?

MBerter

Merhaba,
Yazılım, programlama, kodlama vs gibi konularda hiç bir bilgim yok o yüzden teknik terimler yerine basit dille anlatmam lazım. Chrome DevTools konusunda bilgili olan birine ihtiyacım var.

Kısacası; SOURCES'ın altındaki dosyaları yeni bir sekmede açmak istiyorum.

https://www.bundesliga.com/en/bundesliga/clubs sayfasından örnek vereyim: Bütün Kulüplerin logoları SOURCES bölümünde, "top/www.bundesliga.com/assets/clublogo" dosyasında yer alıyor.

"/assets/clublogo" dosyasını "aç" yapınca ortada pencere açılıyor. Ama ben dosyanın içeriklerini ayrı bir sayfada veya JSON sayfası olarak görmek istiyorum.

Amacım, bu dosyadaki değişiklikleri veya güncellemeleri, SiteDelta, PageProbe, Visualping benzeri uzantılar ile takip edebilmek ve bildirim ile haberdar edilmek. DevTools bölümü için chrome uzantısı kullanılamadığı için, dosyaları bu uzantılar ile takip edebileceğim bir sayfaya ihtiyacım var.

Bu TOP'un altındaki dosyaları nasıl açabilirim? Yoksa bunun için bir yazılım veya kod mu yazılması lazım? Ya da hiç birine ihtiyac duymadan, o dosyalardaki değişiklikleri anında haberdar olabileceğim bir yöntem var mı?

Anlayacağınız teknik terimler kullanmadan anlatabildim mi bilmiyorum. Ben yazarken zorlandım ama umarım anlatabilmişimdir.

DevTools hangi programlara dilidir bilmediğimden, öylesine bir kaç tanesini seçtim artık kusura bakmayın🙂

İyi pazarlar.
Merve

Halil Han BADEM

MBerter Merhaba,
DevTools diye bir dil yok. Bu bir araç. https://www.bundesliga.com/assets/clublogo/DFL-CLU-00000A.svg linki ile logolara ulaşabilirsiniz. Kısaca oradaki gördüğünüz hiyeraşik klasör sistemi link yapısını oluşturur.

MBerter

Merhaba,
Tahmin ettiğim gibi tam anlatamamışım galiba. Kusura bakmayın.

Amacım logolara tek tek ulaşmak açmak değil.
"top/www.bundesliga.com/assets/clublogo" dosyasını ayrı bir sekmede/sayfada açıp, o logoların tamamını liste halinde tek bir sayfada görmek istiyorum.
Sonrasında o dosyanın içindeki logo linklerini, aşağıda verdiğim videodaki chrome uzantısı ile, 0:27 dakikasındaki gibi seçip güncellemelerden haberdar olmak istiyorum.

https://www.youtube.com/watch?v=8HbUx8FFGY0

Halil Han BADEM

MBerter Öyle bir özellik yok. O klasör izinleri seni engeller. Chrome, web sitesi üzerinde gösterilen resimleri kendisi klasörleyip gösterir. Web sitesi üzerinde, clublogo klasörü içerisindeki listeyi almak istiyorsan şu kod işine yarar;

for (let index = 0; index < 130; index++) {
  try {
    if (document.getElementsByTagName("img")[index].src.split("/")[5].split("-")[0] == "DFL") {
     console.log(document.getElementsByTagName("img")[index].src)
     }  
  } catch (error) {
     //göstermeye gerek yok   
  }  
   
}

Üstün körü yazdım kendine göre editlersin.

MBerter

Anlaşılan istediğim pek mümkün görünmüyor.
Bu kod ile ben şahsen bir şey yapamam ama, anlayan birine versem, ne yapması gerektiğini bilir veya bir çözüm fikir bulur herhalde dimi? Size de zahmet oldu gece gece. Yine de Teşekkürler.

İyi geceler
Merve