Je veux remplacer l'appel innerHTML() dans un addon de superposition de Firefox

Question

Je suis en train de maintenir un module complémentaire de superposition pour Firefox. Pour passer le processus de validation Add-on de Mozilla, je dois remplacer innerHTML() appels manipulant le contenu d'un élément DOM.

Je crée une nouvelle cellule d'une table et souhaite mettre le contenu en utilisant cette approche:

var newCell = tbl.rows[row].insertCell(col); 
var div = document.createElement('div'); 
div.appendChild(document.createTextNode(content)); 
newCell.appendChild(div); 

message d'erreur:

TypeError: Argument 1 of Node.appendChild does not implement interface Node. 

EventTargetChild.prototype.handleEvent@resource://gre/modules/RemoteAddonsChild.jsm:461:5 

EventTargetChild/this.capturingHandler@resource://gre/modules/RemoteAddonsChild.jsm:431:38 

Ajout des messages journaux entre les lignes montrent que la type de la nouvelle cell et l'élément div sont différents:

var newCell = tbl.rows[row].insertCell(col); 
console.log("cell-0: " + newCell); 
var div = document.createElement('div'); 
console.log("div-0: " + div); 
div.appendChild(document.createTextNode(content)); 
console.log("div-1: " + div); 
console.log("cell-1: " + newCell); 
newCell.appendChild(div); 
console.log("cell-2: " + newCell); 

les messages du journal sont:

cell-0: [object CPOW [object HTMLTableCellElement]] 
div-0: [object XULElement] 
div-1: [object XULElement] 
cell-1: [object CPOW [object HTMLTableCellElement]] 

Toutes les idées que je fais mal ici?

Merci d'avance.

Answer 1

cellule-0: [object CPOW [object HTMLTableCellElement]]

A CPOW est un cross process object wrapper, ce qui signifie qu'il provient d'un processus enfant, ou du moins à partir d'une API de passage de messages. Vous n'accédez pas au DOM d'une manière e10s-safe.

div-0: [objet XULElement]

Morecover vous créez un élément XUL (un espace de noms XML spécifique à mozilla) et de tenter de l'insérer dans un document HTML. Cela signifie que vous opérez à travers les frontières du document (le CPOW implique déjà autant). L'objet document dans votre étendue locale n'est pas le ownerDocument de tbl. Par conséquent, même si le problème de processus croisé n'existait pas, vous utiliseriez encore incorrectement le DOM.

---

Si vous souhaitez interagir avec les DOM des documents de contenu, vous devez utiliser le message manager and frame scripts. Ce sont les primitives de bas niveau qui sous-tendent Addon SDK et les scripts de contenu webextension.

plus, vous pouvez régler le <em:multiprocessCompatible>true</em:multiprocessCompatible>flag in the install.rdf qui désactive la compatibilité ou de cales activer dom.ipc.shims.enabledWarnings dans about: config, ce qui devrait entraîner des avertissements/erreurs jetés plus tôt si vous essayez d'accéder à une API non sécuritaire.