(ε・◇・)з o O ( こういうライブラリ使うといいんじゃないかな (ε・◇・)っ https://github.com/uupaa/PageVisibilityEvent.js
スマートフォンブラウザ関係のバグは(Android browserを中心に)たくさんありますが、今回はかなりレアケースなバグの話と回避方法についてです。 タイトルどおり、iPhone/iPadのmobile safariやWebViewで日本語文字列の最後の1文字が不自然に改行されて表示されてしまうバグなのです。 どういうことかというと↓下のように表示されるということです。 くだくら げサンプルページも作りましたので、以下のページをiPhone, iPadで表示してみてください。 Sample: http://kudakurage.com/test/mobile_safari_line_break/ 発生条件 発生条件は少し複雑なため、そんなに遭遇することはありません。 (ただその分googleで検索しても、遭遇した例など出てきません) mobile safariで閲覧している PCブラウ
カテゴリー スタッフのネタ帳 (37) iPhone/Android (8) iPhone Webコンテンツ (2) iPhone インターフェース (3) iPhone ネイティブアプリ開発 (3) RIA/Ajax/Flash (2) Adobe Air (2) ファイン魂! (27) 【ファイン魂!】とは? (1) こんなんできます! (21) デバッガの独り言 (5) プロジェクト (31) スマートフォン・ゲーム (23) -タイトル&ビジネス- (5) Fine Shot! (7) RagingGEAR (1) キセキどろっぷ (8) 端末情報 (1) デスクトップアクセサリ (5) ミニメモ電卓 (5) ブログパーツ (1) ハメコミブログパーツ (1) モバイル/PCサイト構築 (1) FINEライブラリ (1) やはり、デスクトップ版Safariにはない制限が色々あります
WebOS Goodies へようこそ! WebOS はインターネットの未来形。あらゆる Web サイトが繋がり、共有し、協力して創り上げる、ひとつの巨大な情報システムです。そこでは、あらゆる情報がネットワーク上に蓄積され、我々はいつでも、どこからでも、多彩なデバイスを使ってそれらにアクセスできます。 WebOS Goodies は、さまざまな情報提供やツール開発を通して、そんな世界の実現に少しでも貢献するべく活動していきます。 ※ 追加情報も掲載しました。併せてご覧ください。 iPhone などのモバイルデバイスで Web を見ていると、 PC とは比べものにならないもっさり感がとてもストレスです。細い 3G 回線ではなかなか快適なブラウジングはできません。しかし、スマートフォンをはじめとするモバイルデバイスは急速に普及していますから、それらで軽快に閲覧できるサイト作りの重要性は、今後ど
知っている人は多いかも知れませんが、このたび業務で軽くはまったのと、一つTipsを見つけたので共有します。 Mobile Safariの制限 http://lab.fine-net.com/modules/wordpress2/index.php?p=15 ※このページでは、iPhoneの制限と書かれていますが、 iPodや iPadなども同様のようです 今回はまった問題が、制作したPCサイトを急遽スマフォンでも表示することになったところ、iPhoneで一部の背景画像が縮小表示され、著しく見づらくなるというもの。 (Webページのアクセシビリティを考えると、これは普段から気をつけるべき問題でもあります) 原因は、単純に「GIF、PNG、TIFF画像のデコードサイズ制限は2メガピクセル。」というMobile Safariの制限に引っかかった点にあったのですが、これを最小工数で回避するために
直近の案件でiPhoneがらみのものがありいろいろ調べていたら制限事項がやっぱりいろいろとあるみたいなので列挙していきたいと思います。 ・GIF、PNG、TIFF画像のデコードサイズ制限は2メガピクセル。 つまり、width × height ≤ 2 × 1024 × 1024 でなければいけません。 ・サブサンプリングで圧縮されたJPGのデコードサイズは32メガピクセルまでOK。 サブサンプリングで圧縮すれば、サイズが16分の1になります。 デジカメの写真を大きいまま表示させたい場合は、こちらがよいでしょう。 ・アニメーションGIFのデコードサイズは2MBまで。 それより大きいものは最初のフレームだけしか表示されません。 ・canvas要素は2MBまで。 大きさ指定なしだと150×300ピクセルとなります。 ・HTML、CSS、JavaScript、ストリーミングなしのメディアファイル等
(note: this is based on the first iOS5 beta [9A5220p] and is subject to change on final release) It looks like there’s finally some major improvements in mobile Safari, some of which I’ve found below on my “first glance” after downloading the SDK. Chime in if you find anything yourself! Bad news first Much to my disappointment, browser-based file uploads are still not supported (input type=“file”)
Looking for a way to see how your web creations will look on iPhone? Look no further. iPhoney gives you a pixel-accurate web browsing environment—powered by Safari—that you can use when developing web sites for iPhone. It's the perfect 320 by 480-pixel canvas for your iPhone development. And it's free. iPhoney is not an iPhone simulator but instead is designed for web developers who want to create
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く