Я запускаю Firefox на Debian Linux. Когда я просматриваю изображение напрямую (e.g: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
элемент в down 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;
}
}