DevTools

クリップボードインスペクタ

貼り付け・ドラッグ&ドロップしたデータの全 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(ボタンクリックでの読み取り)には対応していません