Я использую Firefox на Debian Linux. Когда я просматриваю изображение напрямую (например, http://localhost/image.png) и открываю инспектор элементов, я вижу следующий код:
<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>
Я понимаю, что все сервер посылает мне двоичные данные изображения, поэтому этот код поступает из моего браузера на стороне клиента. У меня вопрос такой:
Почему я вижу в URL с chrome:// схемы в элементе третьей link в вниз head
Это происходит независимо от того, какое изображение вы просматриваете.
Ниже приведено содержимое связанного css-файла:
/* 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;
}
}