2015-06-17 20 views
27

Tarayıcımın tarayıcı geliştirici araçları aracılığıyla kullandığı hangi srcset görüntü görmeye çalışıyorum, ancak hangi görüntünün görmek için ağ sekmesini kullanma dışında söyleyemem.Bir tarayıcı tarayıcı geliştirici araçları ile hangi srcset görüntü kullanıyor görmek mümkün mü

Ağ sekmesini kullanmak genellikle iyi olabilir, ancak bazen farklı boyutlarda 2 görüntü sürümü alacağını fark ettim, bu bir kesme noktası 600'de diğeri 900'de ve tarayıcı şu anda çalışıyordu. 750 piksel genişliğinde.

(Ive Krom & FireFox hem bu denedim ve krom bazı durumlarda her iki görüntüyü aşağı çekecek gibi görünüyor ama FireFox sadece hiç birini aşağı çekmek için görünüyor)

Bilmek istiyorum nedeni 'I iki görüntü srcset doz aşağı çeker eğer ben tarayıcı penceresini ölçeklemek gibi otomatik olarak aralarında takas ilgilenen? Bu, öğenin gerçek img srcset seçeneğinin kullanımını değil, yalnızca img öğesinin raw html'sini verdiği öğeyi denetleyerek bunu söyleyemez.

+0

js gibi biraz geliyor. Biraz acı çekebilen özel js dosyalarını kontrol etmeyi deneyin. Ekran boyutuna bağlı olarak iki görüntüyü değiştiriyorsa, bu noktada JQuery veya saf J'lerin işi yapması gerektiğine inanıyorum. Bu web sitesi medya sorgularını da kullanıyor olabilir. –

+0

Sayfanın yüklenip yüklenmediğini soruyor musunuz, her iki resim de yükleniyor mu? –

+0

Fotoğrafı yükleyen JS'yi tanımlamama rağmen, sayfayı bir srcset görüntü testi olarak oluşturdum ve gerçekten de ' 'belgesinde bir görüntü etiketi ile çıplak bir html yapısı var. @AdamBuchananSmith, sayfa sadece 1 görüntüyü yüklediğinde olduğu gibi, sadece – sam

cevap

41

Krom geliştirici araçları öğeyi inceleyin, ardından özellikler sekmesini tıklatın. CurrentSrc için bir giriş göreceksiniz: gerçek görüntü kaynağı ile. Resimler arasında takas

enter image description here

+1

Aynı, Firefox'ta Firebug ile çalışır. –

+2

Kendinizi sık sık yaptığınızda bulursanız, elemanı seçin ve DevTools konsolunda '$ 0.currentSrc' yazın. –

+0

Denetleyicideki img üzerine gelindiğinde, araç ipucundaki currentSrc özniteliğini de görüntülemelisiniz. – Splatbang

3

Tamam, kromdaki elemanı incelemek için gidin. Ağ sekmesine tıklayın, ardından sayfayı yenileyin.

Yüklenmekte olan görüntüleri, aldıkları süreyi ve boyutu gösterecektir.

+0

@sam kullanabiliyor mu? –

+0

bu soruyu yanıtlamıyor çünkü OP bunu zaten denediği soruda belirtti. – mik01aj

İlgili konular