HTTPS/HTTP 混在テスト2

1. このページの目的

HTTPSのページ内で HTTPのリソースを読み込んでいる場合に、ブラウザがどのようにそれを扱うかを観察する。

本ページでは、CSSファイル, JavaScriptファイル, imageファイル, iframe をテストする。

2. HTTPリソースの読み込み

(1) CSS ファイル

<link rel="stylesheet" href="http://misc.laboradian.com/chrome-test/002/main.css">

(2) JavaScript ファイル

<link rel="stylesheet" href="http://misc.laboradian.com/chrome-test/002/main.css">

(3) 画像ファイル

<img src="http://misc.laboradian.com/chrome-test/002/sweets_cookie_200.min.png"
     width="200" height="182" alt="sweets cookie" />
sweets cookie

(4) iframe

<iframe sandbox="allow-same-origin allow-scripts" style="width:100%;height:200px;"
        src="http://misc.laboradian.com/chrome-test/001/"></iframe>

3. ブラウザの反応

Chrome 88.0.4324.150(Official Build) (64 ビット) Date: 2021-02-10

Chrome 88 Console

4. 参考