Cómo acceder a los azulejos png cargados en el navegador

Question

Tengo un servidor de mapas local que renderiza mbtiles en el navegador y estoy intentando acceder a los archivos fuente generados por él y cargados en el documento.

Hasta ahora he podido conseguir la respectiva HTMLcollection con el document.querySelector y document.getElementsByClassName() métodos:

var collection = 
  document.querySelector(".featured")
  .getElementsByClassName("leaflet-tile");

console.log(collection);

Obtengo el siguiente registro en Firebug:

0 img.leaflet-tile.leaflet-tile-loaded ./tiles/b...1540.png
1 img.leaflet-tile.leaflet-tile-loaded ./tiles/b...1540.png
2 img.leaflet-tile.leaflet-tile-loaded ./tiles/b...1541.png
3 img.leaflet-tile.leaflet-tile-loaded ./tiles/b...1541.png
4 img.leaflet-tile.leaflet-tile-loaded ./tiles/b...1540.png
5 img.leaflet-tile.leaflet-tile-loaded ./tiles/b...1540.png
6 img.leaflet-tile.leaflet-tile-loaded ./tiles/b...1541.png
7 img.leaflet-tile.leaflet-tile-loaded ./tiles/b...1541.png
8 img.leaflet-tile.leaflet-tile-loaded ./tiles/b...1540.png
9 img.leaflet-tile.leaflet-tile-loaded ./tiles/b...1540.png
10 img.leaflet-tile.leaflet-tile-loaded ./tiles/b...1541.png
11 img.leaflet-tile.leaflet-tile-loaded ./tiles/b...1541.png
12 img.leaflet-tile.leaflet-tile-loaded ./tiles/b...1540.png
13 img.leaflet-tile.leaflet-tile-loaded ./tiles/b...1541.png
length 14
__proto__ HTMLCollection { item=item(),  namedItem=namedItem()}

Intenté todo lo que pude recordar para conseguir las rutas de los archivos png. Por ejemplo:

var array = [];

for (var i = 0; i < collection.length; i++) {
    array.push([
        collection[i]
]);
    console.log(collection[i]);
}

console.log("lenght of collection is: " + collection.length);
console.dir("array is: " + array);

En mi consola me sale lo siguiente:

lenght of collection is: 0
array is: undefined

Una longitud de cero y nada en mi matriz. Es obvio que estoy haciendo algo mal en mi iteración, pero no puedo averiguarlo. ¿Qué me falta aquí?

Answer 1

No tengo problemas salida de las urls de los azulejos .

Me he dado cuenta de esto al final de su for bucle: ; i++) {{ - ¿el doble corchete es intencionado?