Executando verificação de segurança...
Respondendo a "Sugiro editar o post original para deixar logo..." dentro da publicação [Não disponível]
4
gpoleszuk

Também fiquei curioso para saber a impressão do autor deste post, tcarreira! Segundo pesquisei, o código a que se refere é bem compacto:

const getStyles = function() {
  const scripts = document.querySelectorAll(link);
  scripts.forEach((link) => {
    if (link.rel === stylesheet) {
      console.log(`i: ${link.getAttribute(href)}`);
    }
  });
};

Um comentário do autor no topo do post original diz:
With minor modifications to the algorithm to detect scripts, we can also detect CSS

Aparentemente o script era dedicado a detectar outro tipo de elemento e ainda não entendi de onde a função console.log recuperará o valor de i. Seria da função forEach?

Carregando publicação patrocinada...
7
tcarreira

O código é bem simples, mas está errado (provável que o editor/site do post tenha quebrado o código)

O código certo seria este:

const getStyles = function() {
  const scripts = document.querySelectorAll("link");       // pega todos os links da página
  scripts.forEach((link, i) => {                           // percorrendo todos os links
    if (link.rel === "stylesheet") {                       // considera apenas os links do tipo "stylesheet" (ou seja, css)
      console.log(`${i}: ${link.getAttribute("href")}`);   // dá um print do link/url/href desse css no console
    }
  });
};

getStyles();
// 3: /_next/static/css/a795567990a5e4ad.css

Este era o código que eu esperava no post original. Eu veria agregação de valor.

3
gpoleszuk
Autor
Autor

Ficou muito boa sua explicação, tcarreira. Além de ter complementado com comentários no código, incrementou a resposta com o resultado do teste da nova função, mostrando que é funcional!

PS: Aproveitei para inspecionar sua listagem e ver como ativou o realce de sintaxe, alterando meu post e realçando as palavras reservadas do javascript.

1