Sto postando questa domanda qui, dal momento che non riesco a farlo pubblicare sui forum di estensione Chromium ufficiali (o c'è un ritardo eccezionale fino a quando non viene moderato). Devo controllare in estensione Chromium se esiste un listener di un tipo di evento specifico associato a un elemento HTML arbitrario. In Firefox ho potuto utilizzare il seguente servizio per ottenere queste informazioni:Come scoprire quali tipi di listener di eventi sono collegati a un elemento HTML specifico nell'estensione di Chrome?
var listenerService = Components.classes["@mozilla.org/eventlistenerservice;1"]
.getService(Components.interfaces.nsIEventListenerService);
var infos = listenerService.getListenerInfoFor(element, {});
var types = [];
for (var i = 0; i < infos.length; ++i) {
var info = infos[i].QueryInterface(Components.interfaces.nsIEventListenerInfo);
types.push(info.type);
}
Per come la vedo in cromo non c'è API simili. Quindi ho provato il seguente tecnica (che era stato suggerito here):
Ho creato lo script events_spy.js:
(function(original) {
Element.prototype.addEventListener = function(type, listener, useCapture) {
if (typeof (this._handlerTypes) == 'undefined') {
this._handlerTypes = {};
}
this._handlerTypes[type] = true;
return original.apply(this, arguments);
}
})(Element.prototype.addEventListener);
(function(original) {
Element.prototype.removeEventListener = function(type, listener,useCapture) {
if (typeof (this._handlerTypes) != 'undefined') {
delete this._handlerTypes[type];
}
return original.apply(this, arguments);
}
})(Element.prototype.removeEventListener);
dichiaro questo script in manifest.json come segue:
"content_scripts" : [{
"matches" : [ "http://*/*", "https://*/*" ],
"js" : [ "content/events_spy.js" ],
"run_at" : "document_start",
"all_frames" : true
},
...
]
Quindi, eseguo il test della mia estensione sulla seguente pagina HTML:
<!DOCTYPE html>
<html>
<head>
</head>
<body>
<a id="test" href="#">Click here</a>
<script type="application/javascript">
document.getElementById("test").addEventListener("click", function()
{ alert("clicked"); }, false);
</script>
</body>
</html>
Sfortunatamente, questo non funziona: non riesco a vedere che il debugger si arresta all'interno della mia funzione personalizzata addEventListener(). Che cosa sto facendo di sbagliato?
Grazie!
EDIT: Soluzione finale (sporco), grazie alla @kdzwinel
var injectedJS = "\
(function(original) { \
Element.prototype.addEventListener = function(type, listener, useCapture) { \
var attr = this.getAttribute('_handlerTypes'); \
var types = attr ? attr.split(',') : []; \
var found = false; \
for (var i = 0; i < types.length; ++i) { \
if (types[i] == type) { \
found = true; \
break; \
} \
} \
if (!found) { \
types.push(type); \
} \
this.setAttribute('_handlerTypes', types.join(',')); \
return original.apply(this, arguments); \
} \
})(Element.prototype.addEventListener); \
\
(function(original) { \
Element.prototype.removeEventListener = function(type, listener, useCapture) { \
var attr = this.getAttribute('_handlerTypes'); \
var types = attr ? attr.split(',') : []; \
var removed = false; \
for (var i = 0; i < types.length; ++i) { \
if (types[i] == type) { \
types.splice(i, 1); \
removed = true; \
break; \
} \
} \
if (removed) { \
this.setAttribute('_handlerTypes', types.join(',')); \
} \
return original.apply(this, arguments); \
} \
})(Element.prototype.removeEventListener); \
";
var script = document.createElement("script");
script.type = "text/javascript";
script.appendChild(document.createTextNode(injectedJS));
document.documentElement.appendChild(script);
Ogni HTML con un listener di eventi associati avrà un attributo speciale "_handlerTypes", che contiene separati da virgola elenco degli eventi . E questo attributo è accessibile dallo script dei contenuti dell'estensione di Chrome!
Grazie molto per l'aggiornamento con la soluzione! –