summaryrefslogtreecommitdiff
path: root/static/noah-test.html
blob: 16a7b7abbac17660bba4225eb740c70a4d83f458 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>ノア 読み込みテスト</title>
<style>
  body { font-family: system-ui, "Hiragino Sans", "Noto Sans JP", sans-serif; margin: 16px; }
  iframe { width: 100%; height: 480px; border: 1px solid #ccc; }
  pre { background: #f6f6f6; padding: 8px; white-space: pre-wrap; }
</style>
</head>
<body>
<h1>サウンドスタジオノア 読み込みテスト</h1>
<p>このページはあなたのブラウザから直接ノアにアクセスして、埋め込みと読み取りができるかを確かめる。</p>

<h2>1. iframe で埋め込めるか</h2>
<p>下にノアのページが表示されれば埋め込める。空白やエラー表示なら禁止されている。</p>
<iframe src="https://www.studionoah.jp/"></iframe>

<h2>2. JavaScript で読み取れるか(CORS)</h2>
<pre id="cors">確認中…</pre>

<script>
fetch("https://www.studionoah.jp/", { mode: "cors" })
  .then(async (r) => {
    const text = await r.text();
    document.getElementById("cors").textContent = `読み取れた: HTTP ${r.status} / ${text.length} 文字`;
  })
  .catch((e) => {
    document.getElementById("cors").textContent = `読み取れない(CORS で拒否、または通信失敗): ${e}`;
  });
</script>
</body>
</html>