DebianLinuxでFirefoxを実行しています。画像を直接表示して(例: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>
サーバーから送信されるのはバイナリイメージデータだけなので、このコードはクライアント側のブラウザから取得されることを理解しています。私の質問はこれです:
link
の下の3番目のhead
要素にchrome://
スキームのURLが表示されるのはなぜですか?
これは、表示される画像に関係なく発生するようです。
リンクされた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;
}
}
Chrome URLは、UIのアセットにアクセスするために使用されます。この場合、それが小さな画像の周りに表示される背景になります。これがブラウザのUIコンポーネントの紛らわしい名前であることに同意します。
から Mozilla Developer Network :
ブラウザでは、chromeは、ウェブページ自体(ツールバー、メニューバー、タブなど)を除いて、ブラウザの目に見える側面です。これをGoogleChromeブラウザと混同しないでください。
Chrome URLに関するMozillaのドキュメント も参照してください。