Discussion :

[thais781]

Bonjour,

Désolé, je ne suis pas une débutante en javascript et j'ai besoin d'intégrer une petite fonction dans mon programme.
Pour faire simple, je souhaiterai :
- Faire un refresh de la page
- Attendre que la page soit complètement chargée
- retourner le code source

J'ai tenté ce petit code, mais le return ne fonctionne pas : rien n'est retourné
Avez-vous une idée ??

Code :

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

1
2
3
4
5
6
7
8
9
 
		function ma_function() {
			document.location.reload();
			//document.addEventListener('DOMContentLoaded', function () {
			document.onreadystatechange = function () {
				return document.documentElement.outerHTML;
			});
		};
		ma_function()

Merci beaucoup pour votre aide

Thais

[Doksuri]

tu n'as pas besoin de recharger la page, tu as juste a faire ton document.documentElement.outerHTML;.

par contre, est-ce que tu le lances "a la main" ou est-ce integre a ta page ?
=> tu risque de ne pas declancher le onreadystatechange si tu le lances trop tard

[thais781]

Bonjour Doksuri,

Merci pour ton aide.
En fait le reload est juste pour faire le test, ca aurait pu etre le chargement d'une autre page, le click sur un lien et ensuite attendre le chargement complet de la page pour faire le document.documentElement.outerHTML ;-)

Pour répondre à ta question je lance depuis l'exterieur le petit programme.

[Doksuri]

ok, si tu le lances manuellement, je te conseilles de faire ca pour tes tests: un click, plutot qu'un reload

Code javascript :

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

1
2
3
4
function ma_function() {
return document.documentElement.outerHTML;
}
document.body.addEventListener('click', ma_function, {once:true});

=> quand tu cliques sur la page (n'importe ou), ca retourne le code source (a toi d'en faire quelque chose...)
==> l'option {once:true} ne lancera qu'une fois le code (si tu le veux a chaque clique, supprime l'option)

le probleme avec ton refresh, c'est que du coup, tu perds l'execution du code (vu que la page se recharge)

[thais781]

Ok, je vais regarder ca, merci.

Dernière petite question pour faire quelques tests,
Si à la place de faire un reload, l'algo serait :

- load www.google.fr
- wait page load
- get source code

Ca donnerai quoi en javascript ?

[Doksuri]

tu ne peux pas loader une page (comme tu le penses) et executer du JS en retour... le code (post reload) que tu aurai ajoute serai perdu
sinon, tu peux faire un fetch et recuperer le code source retourne, mais tu risques de te heurter aux corss-domain
si par exemple, tu es deja sur la page de google, tu peux faire ca

Code javascript :

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

1
2
3
4
5
fetch('https://www.google.com/')
    .then(res => res.text())
    .then(data => {
        console.log(data);
    });

attention cependant : le code source est different du code genere (qui permet d'afficher ce que tu vois dans la page)