Estoy ejecutando Firefox en Debian Linux. Cuando veo una imagen directamente (por ejemplo:) http://localhost/image.png
y abro el inspector de elementos, veo el siguiente código:
<html>
<head>
<meta name="viewport" content="width=device-width; height=device-height;"></meta>
<link rel="stylesheet" href="resource://gre/res/ImageDocument.css"></link>
<link rel="stylesheet" href="resource://gre/res/TopLevelImageDocument.css"></link>
<link rel="stylesheet" href="chrome://global/skin/media/TopLevelImageDocument.css"></link>
<title>
example.png (PNG Image, 819 × 352 pixels)
</title>
<style class="firebugResetStyles" charset="utf-8" type="text/css">
/* See license.txt for terms of usage */
/** reset…
</style>
</head>
<body>
<img class="decoded" src="https://assets.crowdsurge.com/datacapture/example/img/example_logo.png" alt="https://assets.crowdsurge.com/datacapture/example/img/example_logo.png"></img>
</body>
</html>
Entiendo que todo lo que el servidor me está enviando son los datos de imágenes binarias, por lo que este código proviene de mi navegador en el lado del cliente. Mi pregunta es esta:
¿Por qué veo una URL con el chrome://
esquema en el tercer link
elemento en el head
?
Esto parece suceder independientemente de la imagen vista.
A continuación se muestra el contenido del archivo css vinculado:
/* This Source Code Form is subject to the terms of the Mozilla Public
* License, v. 2.0. If a copy of the MPL was not distributed with this file,
* You can obtain one at http://mozilla.org/MPL/2.0/. */
@media not print {
/* N.B.: Remember to update ImageDocument.css in the tree or reftests may fail! */
body {
color: #eee;
background-image: url("chrome://global/skin/media/imagedoc-darknoise.png");
}
img.decoded {
background: hsl(0,0%,90%) url("chrome://global/skin/media/imagedoc-lightnoise.png");
color: #222;
}
}
fuente