Simple Proxy UI
プロキシサーバ
/proxy
と組み合わせて使います。URL と API キーを入れてください。
Target URL
API Key (x-api-key または query param)
新しいタブで開く（key を query に含める）
ページ内で表示（script を除去）
ヘッダ確認
プロキシエンドポイント:
/proxy
注意：
クエリに API キーを含めると履歴やログに残ります。機密キーは避けてください。
ページ内表示は簡易サニタイズを行いますが完全ではありません（XSS リスクあり）。
違法・利用規約違反の回避を助長する使い方はしないでください。
レスポンス情報がここに表示されます。
html = html.replace(/
]*>[\s\S]*?<\/script>/gi, ''); // 2) remove javascript: links html = html.replace(/\s(href|src)\s*=\s*(['"])\s*javascript:[^'"]*\2/gi, ''); // 3) remove on* event attributes (onclick, onload, ...) html = html.replace(/\son\w+\s*=\s*(['"])[\s\S]*?\1/gi, ''); // 4) remove
and <object> tags entirely html = html.replace(/<(iframe|object|embed)\b[^>]*>[\s\S]*?<\/\1>/gi, ''); // 5) remove <meta http-equiv="refresh"> (redirect) html = html.replace(/<meta[^>]+http-equiv\s*=\s*['"]?refresh['"]?[^>]*>/gi, ''); return html; } // --- Open in new tab: append key as query (warning: key will be in URL) --- elOpen.addEventListener('click', () => { const rawUrl = elUrl.value.trim(); if (!rawUrl) return alert('URL を入力してください'); try { const u = new URL(rawUrl); } catch (e) { return alert('正しい URL を入力してください'); } const key = encodeURIComponent(elKey.value || ''); // construct proxied url const prox = `${PROXY_PATH}?url=${encodeURIComponent(rawUrl)}${key ? '&key=' + key : ''}`; window.open(prox, '_blank'); }); // --- Load inline: fetch via proxy, sanitize, inject via srcdoc --- elLoad.addEventListener('click', async () => { const rawUrl = elUrl.value.trim(); if (!rawUrl) return alert('URL を入力してください'); let parsed; try { parsed = new URL(rawUrl); } catch (e) { return alert('正しい URL を入力してください'); } const key = elKey.value || ''; const prox = `${PROXY_PATH}?url=${encodeURIComponent(rawUrl)}${key ? '&key=' + encodeURIComponent(key) : ''}`; elDebug.textContent = '読み込み中...'; try { const resp = await fetch(prox, { method: 'GET', credentials: 'omit', // クッキーを送らない // Note: サーバ側で x-api-key を header で期待している場合、fetch の headers を使って渡す方法もある。 // この UI は URL クエリの key を使うケースに対応しています。 }); // show headers & status const headers = {}; resp.headers.forEach((v,k)=> headers[k]=v); elDebug.textContent = `HTTP ${resp.status} ${resp.statusText}\n\nHeaders:\n` + JSON.stringify(headers, null, 2); if (!resp.ok) { const txt = await resp.text().catch(()=> ''); elDebug.textContent += `\n\nBody:\n${txt}`; elFrame.srcdoc = `<div style="padding:24px;font-family:system-ui;">エラー: ${resp.status} ${resp.statusText}</div>`; return; } const contentType = resp.headers.get('content-type') || ''; if (contentType.includes('text/html')) { const text = await resp.text(); const cleaned = sanitizeHtml(text); // inject as srcdoc (sandbox disallows scripts by default unless allow-scripts is present) elFrame.sandbox = "allow-forms allow-same-origin"; // scripts are not allowed elFrame.srcdoc = cleaned; elDebug.textContent += `\n\n(HTML を取得、簡易サニタイズして表示しています。スクリプトは無効化されています)`; } else if (contentType.startsWith('image/') || contentType.startsWith('video/')) { // binary media -> create blob URL and show in iframe as <img> or <video> const blob = await resp.blob(); const url = URL.createObjectURL(blob); if (contentType.startsWith('image/')) { elFrame.sandbox = "allow-same-origin"; elFrame.srcdoc = `<div style="display:flex;align-items:center;justify-content:center;height:100%;background:#111;"><img src="${url}" style="max-width:100%;max-height:100%;" alt="image"/></div>`; } else { elFrame.sandbox = "allow-forms allow-same-origin"; elFrame.srcdoc = `<video controls style="width:100%;height:100%;max-height:100%"><source src="${url}" type="${contentType}">Your browser does not support video.</video>`; } elDebug.textContent += `\n\n(メディアを取得して表示しています)`; } else { // その他はテキストとして表示 const text = await resp.text(); elFrame.sandbox = "allow-same-origin"; elFrame.srcdoc = `<pre style="white-space:pre-wrap;padding:12px;color:#111;background:#f7f9fc">${escapeHtml(text)}</pre>`; elDebug.textContent += `\n\n(テキストを表示)`; } } catch (err) { console.error(err); elDebug.textContent = 'フェッチエラー: ' + (err && err.message ? err.message : String(err)); elFrame.srcdoc = `<div style="padding:24px;">フェッチ中にエラーが発生しました。コンソールを確認してください。</div>`; } }); // --- Fetch headers only for debugging --- document.getElementById('fetchHeaders').addEventListener('click', async () => { const rawUrl = elUrl.value.trim(); if (!rawUrl) return alert('URL を入力してください'); try { new URL(rawUrl); } catch (e) { return alert('正しい URL を入力してください'); } const key = elKey.value || ''; const prox = `${PROXY_PATH}?url=${encodeURIComponent(rawUrl)}${key ? '&key=' + encodeURIComponent(key) : ''}`; elDebug.textContent = 'ヘッダ取得中...'; try { const resp = await fetch(prox, { method:'GET', credentials:'omit' }); const headers = {}; resp.headers.forEach((v,k)=> headers[k]=v); elDebug.textContent = `HTTP ${resp.status} ${resp.statusText}\n\nHeaders:\n` + JSON.stringify(headers, null, 2); } catch (err) { elDebug.textContent = 'エラー: ' + (err && err.message ? err.message : String(err)); } }); // --- helper --- function escapeHtml(s){ return (s+'').replace(/[&<>"']/g, c=>({ '&':'&','<':'<','>':'>','"':'"', "'":''' })[c]); } </script> </body> </html> <script defer data-domain="html.cafe" src="https://milkymouse.com/js/script.js"></script>