以下のような、ページ上にコピーするボタンを設置して動作させることができるかどうかを調査。
clipboard.js というライブラリがあるのでこちらの検証を行う。
検証用のページには既に clipbaord.js で作成されている方がいたのでお借りして調査。
http://qiita.com/inouet/items/26b93c5f5f4b65c05e00
http://inouet.github.io/sample_html/002.copy_clipboard.html
Clipboard API はユーザーがコピーを実行する際のイベントを処理する為の API なので、確認対象にはしていません。
動作確認端末
- iOS 8.1.2: iPhone 6
- iOS 7.1.2: iPhone 4s
- Android 5.0.2: Xperia Z3
- Android 5.0: GALAXY S5 (SCL23)
- Android 4.4.4: Xperia Z3 Compact
- Android 4.1.2: Xperia A (SO-04E)
- Android 4.0.4: GALAXY S III (SC-06C)
検証結果
端末名 | ブラウザ | 結果 |
---|---|---|
iOS 8.1.2 | Safari | ✕ |
iOS 7.1.2 | Safari | ✕ |
Android 5.0.2 | Chrome | ◯ |
Android 5.0.2 | ブラウザ(更新適用済) | ✕ |
Android 5.0 | Chrome | ◯ |
Android 5.0 | S Browser | ✕ |
Android 4.4.4 | Chrome | ◯ |
Android 4.4.4 | ブラウザ | ✕ |
Android 4.1.2 | AOSP ブラウザ | ✕ |
Android 4.0.4 | AOSP ブラウザ | ✕ |
Android 4.0.4 | Chrome(初期) | ✕ |
Android 4.0.4 | Chrome (4.0 の最新版) | ◯ |
結論
iOS に関してはコピーできず(iOS版 Chrome も Webview なので同様に不可)、Android に関しては Chrome では動作確認できるが、
"ブラウザ" 名を冠したブラウザだと動作不可。
どうやらクリップボードをウェブページで書き換えることができるとセキュリティ的な問題で無効にされているようです。
その他参考