Figer le DOM en JavaScript: Remplacer les fonctions de modification du DOM comme des no-ops

Question

J'écris un morceau de code qui nécessite que le DOM d'un site Web reste bloqué pendant l'exécution arbitraire de JavaScript. Le changement d'attributs est correct mais je ne peux rien changer à la structure originale de la page!

Je sais en JavaScript il y a un certain nombre de base de fonctions qui peuvent modifier le DOM:

appendChild(nodeToAppend) 
cloneNode(true|false) 
createElement(tagName) 
createElemeentNS(namespace, tagName) 
createTextNode(textString) 
innerHTML 
insertBefore(nodeToInsert, nodeToInsertBefore) 
removeChild(nodetoRemove) 
replacechild(nodeToInsert, nodeToReplace) 

Ma première pensée était simplement de remplacer ces fonctions sans ops:

>>> document.write('<p>Changing your DOM. Mwwhaha!</p>') 
>>> document.write = function() {} 
>>> document.write('<p>No-op now!</p>') 

Bien qu'il soit facile à faire pour l'objet document les fonctions de modification DOM peuvent être appelées à partir de nombreux objets JavaScript différents! Si je pouvais écraser ces fonctions au plus haut niveau, cela fonctionnerait peut-être?

Mise à jour de sktrdie:

>>> HTMLElement.prototype.appendChild = function(){} 
>>> $("a").get(0).appendChild(document.createElement("div")) 
# Still works argh. 
>>> HTMLAnchorElement.prototype.appendChild = function(){} 
>>> $("a").get(0).appendChild(document.createElement("div")) 
# No-op yeah! 

Il semblerait que je pouvais rassembler les constructeurs de tous les éléments DOM et courir sur les mettre dans pas d'habitation, mais qui semble encore assez en désordre ...

Comment puis-je protéger le DOM de la modification de JavaScript arbitraire?

Answer 1

Avez-vous essayé HTMLElement .prototype.appendChild = function() {} pour remplacer les méthodes DOM à un niveau supérieur?

Answer 2

Ne faites pas cela. Utilisez une liste blanche. S'il vous plaît.

Answer 3

Vous pouvez éventuellement tout mettre dans une balise <div>, et masquer cette balise, en la remplaçant par une autre qui dit «Chargement ..». Ensuite, après avoir chargé, vous pouvez masquer le chargement <div> et le remplacer par l'original.

Answer 4

Il n'y a aucun moyen de le faire. J'ai fait quelques tests et peu importe comment j'ai essayé d'écraser ces méthodes, ils restent. Je crois qu'ils sont implémentés à un niveau plus élevé que l'exécutable javascript peut accéder, de sorte que vous ne pouvez pas vraiment les toucher.

Answer 5

Bien que ce soit vraiment hackish, la seule façon de maintenir la structure DOM actuelle est de stocker un "snapshot" du DOM et de le vérifier périodiquement. Probablement pas ce que vous cherchez, mais après quelques tests, c'est la seule façon que je peux penser pour maintenir la structure DOM indépendamment.