html - iCloud.com はどのようにソース コードを隠しているのですか?

Question

HTML / Javascript / CSS はクライアント側で実行されるため非表示にできないことはわかっていますが、iCloud.com はどのように HTML を非表示にしているのでしょうか?

iCloud.com でページ ソースを表示すると、大量の Javascript が表示されますが、Chrome で要素を検査すると、HTML が表示されます。

彼らがどのようにこれを行ったのか、私はただ興味がありました。

Answer 1

ページのソースをよく見ると、次のように表示されます。

#noscript div#container{position:absolute;top:0;left:0;right:0;bottom:0;min-height:500px;}
#noscript div#overlay{position:absolute;top:0;left:0;right:0;bottom:0;min-width:600px;min-height:550px;background:#0B080E;opacity:.84;}
#noscript div#container div.float-center-canvas{z-index:101;position:absolute;background-image:url
....

すべてのマークアップは JavaScript で生成されているようで、JavaScript が有効になっていない場合は noscript を実行します。そもそも誰もが JavaScript なしで iCloud を使用できるわけではありません...