Sugiro editar o post original para deixar logo direto o código que está na fonte. O post da fonte não tem nada útil, e teria poupado o meu tempo de abrir mais um link e voltar para cá.
Ainda sugiro explicar vc o que o script faz ;)
Em resposta a [Não disponível]
2
4
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?
7
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
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
assim q possivel vou postar todo codigo