iPhone OS 3.0のSafariでコピーふきだしを無効にするには
先日リリースされたばかりのiPhone OS 3.0絡みのTIPSをご紹介します。
iPhone OS 3.0から待ちに待ったコピペ機能が付きましたが、スクロールすることが多いサイトなどでは、ふきだしが表示されてしまって不便なことがあります。
このふきだしをCSSを使って無効にする方法があるそうです。
→ masuidrive on rails – iPhone 3.0のMobileSafariでコピペを無効にする方法 [masuidrive.jp]
コピー用のふきだしとは次のようなものです。
画面を少しの間長押ししていると表示されます。

次のようなCSSを指定するだけで、コピーのCSSがでなくなるようです。
body {
-webkit-user-select: none;
}
非常に簡単ですね。
iPhone向けサイトを作成されている方は覚えておいて損はないと思います。
他にも何かiPhone 3.0向けのTIPSをご存知の方がいましたら、ぜひタレコミをお願いします。
関連:
- iPhone OS 3.0がリリースされたので早速試してみました
- 6月26日にソフトバンクから「iPhone3G S」が発売されます
- iPhone OS 3.0からブラウザ上でGPS位置情報が取れるようになるとのことです

携帯サイト年鑑2010
ブックレビュー:ユーザー視点でつくる 携帯サイト制作の基礎知識
ブックレビュー:mixiアプリをつくろう!OpenSocialで学ぶソーシャルアプリ
Ruby on Rails携帯サイト開発技法
携帯サイトSEO&SEM向上テクニック
ケータイHTMLコンパクトリファレンス
携帯サイト コーディング&デザイン
札幌のケータイ開発、Web開発なら

最近の記事