HTML魚拓作成・保存ツール
貼り付けたHTMLや端末内のHTMLファイルを加工し、魚拓用HTMLとして保存します。
入力したHTMLと加工結果はブラウザ内だけで処理され、Develop Toolsのサーバーへ送信・保存されません。
URL取得は対象サイトへブラウザから直接接続し、CORSが許可されている場合だけ利用できます。
魚拓にするHTML
HTMLコード、HTMLファイル、または取得可能なURLのいずれかを使用してください。
加工後プレビュー
プレビューでは安全のためJavaScriptを実行しません。
プレビューを更新すると、加工後のHTMLがここに表示されます。
利用前の注意事項
- このツールは入力内容をDevelop Toolsのサーバーへ送信しません。
- 任意のWebサイトをURLだけで保存できるとは限りません。
- URL取得は対象サイトがCORSを許可している場合のみ利用できます。
- 外部画像やCSS、フォントは、元サイトから削除されると表示できなくなる場合があります。
- ログインが必要なページや、個人情報を含むページの保存には注意してください。
- 著作権と対象サイトの利用規約を確認したうえで使用してください。
このツールについて
WebページのHTMLソースや手元のHTMLファイルへ保存情報を追加し、後から確認できる単一のHTMLファイルとして端末へ保存できます。
対応内容
- HTMLコードの貼り付けと.html・.htmファイルの読み込み
- CORSが許可されたURLからの補助的なHTML取得
- 相対URL変換、JavaScript削除、リンク無効化、安全なプレビュー、UTF-8 HTML保存
使い方
- HTMLコードを貼り付けるか、HTMLファイルを選択します。必要に応じて取得元URLから直接取得します。
- 魚拓タイトル、保存情報、JavaScript削除、リンク無効化を設定します。
- プレビューを更新して内容を確認し、HTMLファイルを端末へ保存します。
制限事項
- URL取得は対象サイトがCORSを許可している場合に限られ、ログイン後の画面やJavaScript実行後のDOMは取得できません。
- 外部画像、CSS、フォントはファイル内へ埋め込まれないため、元サイトから削除されると表示できない場合があります。
- 保存対象の著作権と利用規約を確認し、個人情報を含むページは慎重に扱ってください。
プライバシー: 選択したファイルと変換・解析結果はブラウザ内で処理され、Develop Toolsのサーバーへ送信・保存されません。