タグ

mobile_safariに関するnilabのブックマーク (7)

  • Safari Developer Help

    Safari Developer Help Get started in Safari Developer Tools Safari Developer Tools overview Develop menu Web Inspector Elements tab Network tab Resources tab Timelines tab Debugger tab Storage tab Console tab Inspecting Webpages Inspecting overview Select the HTML for an element Navigate the HTML View the computed CSS View node properties for a DOM node View WebSocket connections Filter network re

    nilab
    nilab 2014/07/14
    Safari Web Inspector Guide: About Safari Web Inspector
  • iOS6の新機能「WEBインスペクタ」を使ってみた | MaciPhone活用紀

    今更ながら、iOS6の新機能「Webインスペクタ」を使ってみました。 iPhoneで表示したウェブサイトをMac上でデバッグできる機能。 リモートデバッグなんて呼んでいます。 実は、iOSシミュレータでも使えるのがミソだったりする・・・ 設定方法 サラッと設定してみます。 1.iPhone側の設定 ▼「設定」アプリから「Safari」 (画像はiPod touchの物) ▼一番下にスクロールし「詳細」 ▼「Webインスペクタ」をオン 2.Mac側の設定 ▼環境設定から「詳細」、「メニューバーに”開発”メニューを表示」にチェック (Safari6が必要なのでWindowsでは無理らしいです) 以上で設定完了。 Webインスペクタを使う 使い方なんて他のサイトに書いてあると思うんで適当に… iPhoneiPadやiPod touchをケーブルで繋ぎ、 ▼iOS端末側でSafariを起動すると

    nilab
    nilab 2014/07/14
    iOS6の新機能「WEBインスペクタ」を使ってみた | MaciPhone活用紀
  • Tools - Safari - Apple Developer

    Web development tools Apple has brought its expertise in development tools to the web. Safari includes Web Inspector, a powerful tool that makes it easy to modify, debug, and optimize websites for peak performance and compatibility on both platforms. And with Responsive Design Mode, you can preview your web pages in various screen sizes, orientations, and resolutions. Access these tools by enablin

    Tools - Safari - Apple Developer
    nilab
    nilab 2014/07/14
    Safari for Developers - ツール - Apple Developer : Web インスペクタが装備 : Safari の「環境設定」から「詳細」を選択して開発メニューを有効にする
  • iOSでウェブサイトをフルスクリーン表示させる | mawatari.jp

    iOSでウェブサイトをフルスクリーン表示させる方法をメモしておきます。言葉で説明するより、画面を見てもらうのが早いと思います。 iPhoneのSafariで、ウェブサイトを閲覧すると、通常は、上図左のような画面になりますが、上図右のような画面表示にするための方法です。Safariのアドレスバーや、ナビゲーションバーが表示されませんので、使える場面は限られますが、以下のような使い方ができるのではないでしょうか。 Google Maps等のFull JavaScriptのWebアプリを広いスクリーンで表示するいわゆるハイブリッドアプリ(ネイティブアプリ中身がHTML)を作る過程での簡易確認制御ボタンもHTMLで作って、Webアプリだけど、ネイティブアプリっぽく見せる1. と 3. は、ほぼ同義ですね。既に存在しているWebアプリを広い画面で使うか、自分で作るかの違いです。 Google Map

    iOSでウェブサイトをフルスクリーン表示させる | mawatari.jp
    nilab
    nilab 2013/09/02
    iOSでウェブサイトをフルスクリーン表示させる | mawatari.jp : <meta name="apple-mobile-web-app-capable" content="yes"> : <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"> : window.navigator.standalone
  • 特定のサイトで位置情報が送信できない(safari,geolocation API) Apple Discussions - Japan > iPhone > iPhone の使い方 > ディスカッション

    はじめまして。GPS関連について質問させていただきます。 iPhone,safari上でgeolocation APIを使う場合、サイトにアクセスすると、 step1.Safariで位置情報を扱うことを許可するかどうかの確認ダイアログが表示される step2.1で許可すると、次に該当サイトのドメインに対し位置情報を送る事を許可するか否かのダイアログが表示される 上述の2step両方に許可を与えることで、サイトに位置情報が通知されると思います。 ところが、上述step2.の段階において、同一ドメインに対し連続して2度以上「許可しない」とユーザが選択すると、以後一切そのサイトに位置情報が送れなくなってしまう現象が発生し、 困っています。 iPhoneの設定から位置情報の警告のリセットを実行すると、step1.についてはリセットされ、ダイアログが表示されるのですが、step2.の方がリセットされ

    nilab
    nilab 2012/04/17
    iPhone Safari 「二度以上step2で拒否してしまったサイトに関してのみ位置情報が送信できません。私の予想では、GeoLocationのリセットが出来ないバグではないかと思っているのですが」特定のサイトで位置情報が送信できない
  • New Mobile Safari stuff in iOS5: position:fixed, overflow:scroll, new input type support, web workers, ECMAScript 5

    (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”)

    nilab
    nilab 2011/10/20
    New Mobile Safari stuff in iOS5: position:fixed, overflow:scroll, new input type support, web workers, ECMAScript 5 | David B. Calhoun – Developer Blog
  • Loading…

    Videos Watch and learn from our engineers as they show how to bring the latest web technologies to your websites on Safari. Watch Safari and Web Videos Forums Ask questions and discuss a variety of web development topics with Apple engineers and other developers. Apple Developer Forums Safari Extensions Safari extensions are a powerful way to add new features to Safari. They are built in Xcode wit

    Loading…
    nilab
    nilab 2011/08/25
    WebKitCSSMatrix Class Reference
  • 1