Bir Web Sayfasındaki Tüm Linkler Nasıl Listelenir?

Hali hazırda RSS ile takip ettiğim üç beş tane blog zaten vardı fakat şimdi kendi blogumu tekrardan aktif hale getirince başkalarının bloglarına karşı merakım da bir tık artmış oldu. 100 Days To Offload ve 512KB Club sitelerindeki listelerden, Github üzerinden ya da başkalarının bloglarındaki linklerden takip edebileceğim blogları incelerken lobste.rs üzerinden de ara ara insanların bloglarını paylaştığı başlıklar açıldığını gördüm. Fakat tek tek her yorumu okuyup linkleri aramakla uğraşmak yerine javascript ile hızlıca tüm linklere ulaşabileceğim aklıma geldi.

var hedef = document.querySelectorAll(".comment_text a");
var liste = "";
var i;
for (i = 0; i < hedef.length; i++) {
  liste = liste + hedef[i].href + "</br>";
}
var sekme = window.open("");
sekme.document.write(liste);

Adım adım anlatacak olursam:

var hedef = document.querySelectorAll(".comment_text a");
var liste = "";

Burada sayfanın hangi bölgesindeki linkleri listeleyeceğimizi belirliyoruz ve boş bir liste oluşturuyoruz daha sonra doldurmak üzere. Ben sadece comment_text sınıfına sahip bölgedeki linklere ulaşmak istediğim için .comment_text a olarak kullandım fakat sayfadaki tüm linklere erişmek isterseniz sadece a olarak kullanabilirsiniz.

var i;
for (i = 0; i < hedef.length; i++) {
  liste = liste + hedef[i].href + "</br>";
}

Buradaki loop döngüsü ile de hedefimizdeki tüm linkleri liste değişkenine ekliyoruz. Yeni sekmede tüm linkleri listelediğimizde görüntü kirliliği olmasın, bir liste halinde görünsün diye de listemizin sonuna </br> ekliyoruz.

var sekme = window.open("");
sekme.document.write(liste);

Son olarak da boş bir sekme açıp içini listemiz ile dolduruyoruz.

Eğer listeyi yeni sekmede açmak yerine direk console ekranında listelemek istiyorsanız, kodu aşağıdaki gibi kullanabilirsiniz. Liste halinde tüm linkleri gösterecektir.

var hedef = document.querySelectorAll(".comment_text a");
var liste = "";
var i;
for (i = 0; i < hedef.length; i++) {
  liste = liste + hedef[i].href + "\n";
}