クリップボードインスペクタ
貼り付け・ドラッグ&ドロップしたデータの全 MIME フレーバー(テキスト・HTML・画像・ファイル)と中身を可視化します。HTML はサニタイズ後プレビュー付き
このページで Ctrl+V / Cmd+V で貼り付け(スマホはここを長押ししてペースト)、またはここにドラッグ&ドロップ
クリップボード・ドラッグデータの内容はブラウザ内でのみ処理され、外部に送信されません
このツールについて
貼り付け(Ctrl+V /
Cmd+V、スマホは受付領域を長押ししてペースト)またはドラッグ&ドロップした瞬間の
DataTransfer
を検査し、クリップボード上の全 MIME フレーバー(テキスト・HTML・カスタム型・画像・ファイル)の種別と中身を表示します。クリップボードの内容はブラウザ内でのみ処理され、外部に送信されません。
仕組み
- paste / drop イベントの DataTransferItemList を列挙し、全フレーバーを取得
- text/html は許可リスト方式サニタイザでスクリプト・危険属性を除去したうえで、sandbox 属性付き iframe(スクリプト実行不許可)に描画する二重防御
- 画像ファイルはブラウザ内 blob URL でプレビュー
ユースケース
- リッチテキストエディタ開発で「貼り付けで何が来るか」を確認するデバッグ
- Excel / Word / ブラウザからのコピーが持つ HTML 構造の調査
- 同じデータでも貼り付けとドロップでフレーバーがどう違うかの比較
制限事項
- OS のクリップボードにあってもブラウザが公開しないフレーバー(独自アプリ形式等)は表示できません
- サニタイズ後プレビューはセキュリティポリシー(CSP)の制約によりインラインスタイルが反映されず、構造とテキスト中心の表示になります
- Async Clipboard API(ボタンクリックでの読み取り)には対応していません