Discussion :

[rlelamer]

Bonjour,
Je suis confronté à un soucis lors de l'extraction d'une valeur contenue dans la balise <script> d'un code source.

Le soucis n'est pas lié à la valeur en elle même mais à une pub, et lorsque Adblock est activé, l'extraction se fait correctement comme le but est de pas pénaliser l'auteur du site je souhaite que ça fonctionne avec Adblock désactivé.

Après plusieurs recherches je me suis aperçu, quand Adblock est désactivé, qu'il y a 2 fichiers avec le même nom et bien sur je "tape" sur le mauvais.



Le fichier avec l'icône grise contient le code source celui en jaune contient quelque chose en rapport avec la pub qui s'affiche sur la page web.

Avec ce bout de code

Code JS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
[...]
try {
    let textContent = document.scripts[1].textContent;
    console.log(textContent);
    let scale = /var scale = ([0-9]{1,3})/.exec(textContent)[1];
    console.log(scale);
[...]

textContent est vide puisqu'il "tape" sur le fichier avec l'icône jaune, mais me retourne la valeur de scale quand il "tape" sur le fichier avec l'icône grise.

Pour palier à ça, j'aimerais mettre en place un "if (textContent === "") {...};" après "let textContent = ..." qui testerait si textContent est vide ou s'il trouve ses infos.
Mais je sais pas comment lui dire que s'il trouve rien, il faut qu'il aille chercher ça dans l'autre fichier (qui possède exactement le même nom)

Vous pourriez m'indiquer la méthode ?

Merci

[badaze]

De ce que je vois tu pourrais faire une boucle sur document.scripts.


Comme j'ai la flemme de faire du js je mets du pseudo code.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13

n = nombre de poste dans le tableau document.scripts

i = 0
tant que i <n
  let textContent = document.scripts[i].textContent;
  tu testes si textContent va bien
  
  si oui alors tu fais ce que tu as à faire puis i = n comme ça tu sors.

  i = i + 1
refaire

[rlelamer]

Bonjour badaze,
Cool compris, j'avais pas pensé à une boucle, j'vais tester ça
Merci

[rlelamer]

Le code est faux mais est ce que c'est dans ce sens là qu'il faut chercher ?

Code JS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
    var scale;
    for (var i in document.scripts) {
        let textContent =  document.scripts[i].textContent;
        if (textContent !== "" ) {
            break;
        }
        scale = /var scale = ([0-9]+)/.exec(textContent)[1];
    };

[badaze]

La boucle for va mettre dans i non pas une valeur numérique mais un « objet » de la collection scripts.

De ce que j’ai pu voir sur le site zezo.org le fichier chart.pl qui contient le source de la page contient des éléments que ne contient pas le second. Par exemple il y a le doctype, les balises html normales alors que l’autre fichier n’a pas tout ça.

[rlelamer]

La différence des 2 fichiers, ça je l'avais vu.
Un, gris, est de l'HTML , l'autre, jaune, est du JS.

Faut que je revoie mon histoire de boucle alors ...

[danielhagnoul]

textContent restera vide et c'est heureux !

On ne peut récupérer que "src", "type" ou "outerHTML".

[rlelamer]

Bonjour danielhagnoul,
Tu peux developper stp parce que là tu m'as perdu ...

[danielhagnoul]

Je pensais que cela était impossible pour raison de sécurité, mais je me trompais dans le cas d'un script inclus dans la page HTML. Une raison de plus pour ne jamais mélanger JS et HTML.

Code HTML :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
<script defer>
    const kTest = "C'est un test !";
</script>

Code JavaScript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
const mesScripts = Array.from(document.querySelectorAll('script'));
 
for (const unScript of mesScripts) {
    console.log('src = ', unScript['src']);
    console.log('type = ', unScript['type']);
    console.log('outerHTML = ', unScript['outerHTML']);
    console.log('text = ', unScript['text']);
    console.log('textContent = ',  unScript['textContent']);
    console.log(`*******`);
}

[rlelamer]

J'obtiens ce que je souhaite avec ceci :

Code JS :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
let scale;
for (const script of document.scripts) {
if(script.textContent.includes("var scale")){
scale = /var scale = ([0-9]{1,3})/.exec(script.textContent)[1];
break;
}
}