javascript - network - inspector google chrome

La función $ x() no está definida dentro de una extensión de Chrome, script de contenido

Question

$x("//a[contains(@href,''.jpg'')]");

funciona como se esperaba desde el símbolo del sistema de las herramientas del desarrollador. Pero, cuando en el script de contenido de una extensión obtengo un '' $x is not defined ''.

¿Por qué esto no está disponible en un script de contenido o hay una forma especial de acceder a él dentro de un script de contenido / extensión de Chrome?

Estoy usando Chrome 22 en Debian.

Answer 1

$x() no es parte del entorno de tiempo de ejecución de una página web o script de contenido. Es una herramienta que forma parte de la API de línea de comandos para DevTools de Chrome .

Para usar XPath en una secuencia de comandos de contenido, debe hacerlo de la manera normal, el acceso directo conveniente de DevTools no está disponible.

Tu código se vería así:

var jpgLinks = document.evaluate (
"//a[contains(@href,''.jpg'')]",
document,
null,
XPathResult.ORDERED_NODE_SNAPSHOT_TYPE,
null
);
var numLinks = jpgLinks.snapshotLength;
for (var J = 0; J < numLinks; ++J) {
var thisLink = jpgLinks.snapshotItem (J);
console.log ("Link ", J, " = ", thisLink);
}

- que es el tipo de cosas que $x() estaba haciendo por ti, detrás de las escenas.

Mientras lo hace, considere cambiar a selectores de CSS . Entonces la misma funcionalidad es:

var jpgLinks = document.querySelectorAll ("a[href$=''.jpg'']");
var numLinks = jpgLinks.length;
for (var J = 0; J < numLinks; ++J) {
var thisLink = jpgLinks[J];
console.log ("Link ", J, " = ", thisLink);
}

- que es mucho más aceptable en mi libro.