Çoklu URL'ler Kaynaklar/Ağ sekmesinde kopyala

Question

Birden çok kaynağın URL'lerini Kaynaklar veya Chrome Dev Tools'un Ağ sekmesinde almak mümkün mü? Ben tek kaynağın URL'sini almak istediğinizde
, ben içerik menüsü fonksiyonu Bağlantı adresini kopyala

Ben Kaynaklar sekmesine ve yardımcısı Network bu kaynağa geçiş yapabilirsiniz ile yapabilirsiniz versa, ama bir kerede çoklu kaynaklarının URL'lerini almam gerekiyorsa ne olur? Sonuçlar 200 - 300 kaynaklardan oluşuyorsa, el ile kopyalamak çok elverişsizdir.

şimdiye kadar denedim Ne:

1. bir kaynaklar sekmesinden tüm klasör kopyalamak için, ama this answer I şimdilik mümkün değildir öğrendim. Console reference belirtilen

2. biz resim URL'leri getirmesi gereken durumda

   $('img') 
   

   bir biçimde, $(selector) kullanın.

   Bu yaklaşımın karmaşıklığı, hedef görüntülerin yüzlerce sayfayı içeren bir sayfada ve ayrıca aynı resmin birden çok sürümü (görünümler, önizlemeler, küçük boyutlu simgeler vb.) Ile ayırt etmelerinin zor olmasıdır. , ile eşleşecek ve etiketin içindeki elementin gerekli kaynakla olduğu gibi kolay değil. Ayrıca, tüm dosya türleri adanmış etiketlere sahip değildir (img ile olduğu gibi).

Bazı değiştiricilerle src etiketini kullanmalıyım? Başka önerileriniz var mı? müstakil pencereye

Answer 1

1. Anahtarı devtools (devtools ayarlar simgesini tıklayın simgesini çıkartıp "dok tarafı" tıklayın). Bir dahaki sefere sadece Ctrl - Shift - D tuşlarına basabilirsiniz.
2. çağırır devtools-için-DevTools'un Ctrl basarak - Shift - i
3. Çalıştır tüm URL'leri kopyalamak için bu kodu/filtrelenmiş istekler panoya: copy(UI.panels.network._networkLogView._dataGrid._rootNode._flatNodes.map(n => n._request._url).join('\n'))

kaydedebilir Kaynaklar panelinde Snippet olarak kodlayın ve sağ tıklama menüsü veya Ctrl-Enter ile çalıştırın:

var URLs = UI.panels.network._networkLogView._dataGrid._rootNode._flatNodes.map(n => n._request._url); 
copy(URLs.join('\n')); 
URLs; // displays it in the console as an expandable array