Charger une page externe et insérer Javascript?

Question

Je crée un site Web qui doit charger n'importe quelle page, par exemple Google.com, et insérer du javascript pour charger avec la page.

Exemple: http://hsmaker.com/harlemshake.asp?url=http://stackoverflow.com AVERTISSEMENT: Peut être ennuyeux;)

Chargez la page et la recherche de "harlem" et vous verrez il ajoute ceci:

<div style="position:absolute; z-index:9999999; width:100%; height:100%;" ></div> 
    <script src="http://hsmaker.com/harlem-shake-script.js" type="text/javascript"></script> 
    <div style=" height:0px; width:0px; overflow:hidden;"> 
    <audio controls="controls" autoplay="autoplay" loop="loop"> 
     <source src="http://hsmaker.com/sound/harlemshake.ogg" type="audio/ogg" /> 
    </audio> 
    <script type="text/javascript"> 
     ready(function() { 
      harlemShake(); 
     }); 
    </script> 
</div> 

Comme vous pouvez le voir, charge le site Web (comme si vous alliez à la page) et il ajoute ce code. Je pense à faire un iframe autour du sujet, mais pour autant que je sache, vous ne pouvez pas ajouter javascript à iframe, donc ce n'est certainement pas comment ils le font.

Merci à l'avance

Answer 1

Le bit vous manquez ne se fait pas avec le javascript. Ils raclent le côté serveur de la page et le modifient avant qu'il n'atteigne le navigateur.