タグ

関連タグで絞り込む (2)

タグの絞り込みを解除

safariとiphoneに関するkjirouuのブックマーク (3)

  • iOS7.1のMobile Safariでアドレスバーを隠す方法 - インターファーム開発部ブログ

    こんにちは、河森です。 今日はリリースされたばかりのiOS7.1に搭載されているMobile Safariについて書こうと思います。 以前のアドレスバー隠し iOS6.xまではページの読み込みが完了した後に、 JavaScriptにて縦にスクロールさせることでアドレスバーを隠すというやり方がありました。 iOS7.0ではどうなったのか 以前まで使えていたやり方は通用しなくなり、 ユーザーがページをスクロールしない限りは、 フルスクリーンにすることは出来なくなってしました。 これにより、iScrollやSencha Touchなどのライブラリやフレームワークを利用したり、CSSの-webkit-overflow-scrolling: touch;などでページのスクロールを制御している場合は、表示領域が狭いままという問題がありました。 iOS7.0では開発者主導でアドレバスバーが消せなくなった

    iOS7.1のMobile Safariでアドレスバーを隠す方法 - インターファーム開発部ブログ
    kjirouu
    kjirouu 2015/02/23
    “<meta name="viewport" content="minimal-ui">” でアドレスバーが小さくなりボタンバーが消える
  • iPhone向けSafari、HTML拡張属性を使いこなす | Webサイト開発

    iPhone向けSafari、HTML拡張属性を使いこなす 2009.11.04 2020.09.10 Webサイト開発 HTML iPhone, demo iPhone向けSafariでは、W3C標準のHTMLタグ・属性をサポートしているのはもちろんだが、iPhone固有の拡張属性・拡張CSSプロパティが使用できる。具体的には、テキストの入力方法を制御するものからタッチパネル操作専用のイベントハンドラ、バックライトの制御といった機能まである。 今回はiPhone固有のHTML拡張属性を紹介したい。 関連記事: 円記号をiPhoneのブラウザに表示するには? maxlengthで半角文字数で制限するには? iPhone でHTTPプロキシを使用する際の制限 スマートフォンのラジオボタンを使いやすいサイズにするには? スマホ向けページャデザイン 3選 CSS3 擬似クラス SafariのPC

    iPhone向けSafari、HTML拡張属性を使いこなす | Webサイト開発
    kjirouu
    kjirouu 2013/10/05
    アプリモードにする “apple-mobile-web-app-capable” の解説有り
  • iPhone の Safari が Mac版Safari インスペクタで調査できるようになってた | バシャログ。

    先々週夏休みをいただきました。休み中はずっと家でPSPのゲームをやってましたtanakaです。 最近は iPhone5 が出たことがもちろん話題になりました。私も買おうと思ってますが、今回紹介するのはiPhone5ではなく、iOS6 Mobile SafariのデバッグがMacでできるようになったことです。 PC ブラウザに近いのデバッグ環境になって、開発マシンとしてのMac がさらに魅力的になってきましたね。 使ってみる 実機・シミュレータのどちらでも同じような感覚でデバッグできますが、実機の場合はUSB で Mac につないでおきます。次に Mobile Safari の設定で Webインスペクタを有効にします。 設定 > Safari > 詳細 > Webインスペクタ をオンに そうするとMac 版 Safari の開発メニューにシミュレータと、iPhone の名前が表示されます。(

    iPhone の Safari が Mac版Safari インスペクタで調査できるようになってた | バシャログ。
    kjirouu
    kjirouu 2013/08/12
    MacPCのSafariでMobileSafariをデバッグする方法。実機をUSBでMacへ接続する必要がある
  • 1