Clipboard API Experiment Tool

Web Clipboard API のマルチプラットフォーム互換性ベンチマークツール

ツール本体に戻る

概要

このツールは、ブラウザの Clipboard API が生成するデータの挙動を、OS、ブラウザ、および貼り付け先アプリケーション（Word, Excel, Slack, Notion 等）の組み合わせによってどのように変化するかを詳細に検証・観測するための実験用ページです。

特に、画像データを「Blobとしてコピーする」場合と「HTMLとしてコピーする」場合の違いや、複数アイテムの同時コピーに対する各種アプリケーションの反応をベンチマークすることを目的としています。

主な機能 (A)

Data URL 実験

  • Canvas から動的に生成した PNG 画像の検証
  • 複数 ClipboardItem の同時書き込み
  • text/html 形式での data URL 画像展開

主な機能 (B)

ファイル画像実験

  • 多彩な形式の対応 (PNG, JPG, WebP, GIF, BMP, ICO, AVIF)
  • 外部ファイル参照の HTML コピー
  • コピー直前のオンザフライ Data URL 変換
  • Canvas 経由での PNG 再エンコード検証

使用方法

  1. 1

    ローカルサーバーの起動

    安全性のため file:// プロトコルでは Clipboard API が制限されます。localhost 等で配信してブラウザで開いてください。

  2. 2

    コピー操作の実行

    ページ内の各ボタンをクリックして、クリップボードにデータを書き込みます。下部の「ログ」エリアに詳細なバイト数や結果が表示されます。

  3. 3

    貼り付け先での観測

    Word, Google Docs, Notion, Slack 等に Ctrl+V し、画像が表示されるか、リンク切れにならないか等を確認します。