Estou executando o Firefox no Debian Linux. Quando visualizo uma imagem diretamente (por exemplo http://localhost/image.png:) e abro o inspetor de elementos, vejo o seguinte 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>
Eu entendo que tudo o que o servidor está me enviando são os dados da imagem binária, então esse código vem do meu navegador no lado do cliente. Minha pergunta é esta:
Por que estou vendo um URL com o chrome://esquema no terceiro linkelemento em baixo o head?
Isso parece acontecer independentemente da imagem visualizada.
Abaixo está o conteúdo do arquivo 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;
}
}