参考リンク iOS6からの新機能!iPhone Safariで表示したページのデバッグがすんごく楽になるWebkit Webインスペクタがスゴい 現象 上記の記事の通りに進めて、Safariのメニューで開発→xxxのiPhoneを選択すると「調査可能なアプリケーションがありません」と言われる。 解決策 iPhoneのSafariの設定メニューで、プライベートブラウズをオフにする
在宅勤務がメインとなった今、モバイル実機端末のブラウザ検証が難しくなっていると思います。そこで、Mac上で使えるiOSシミュレータを紹介します。 これはApple公式の開発環境Xcodeに付帯するものなので実機再現度が高く、Androidを除く様々なOS・端末のブラウザ検証・デバッグをmac上でできます。 下記の記事手順を参考にしてください。 iOS Simulator(iPhone Simulator)をMacにインストールする方法 一度シミュレーターを起動したらアイコンを「Dockに追加」しておくことで次回以降Xcodeを経由せず直接起動できて便利だと思います。 また、ここからは主にエンジニア向けですが、 シミュレータのSafariをmacのSafariでWebデバッグすることが昔はできたのですが、最近のバージョンではできなくなってます。これをできるようにするためにSafariの先行評
スマホ閲覧時に画面からはみ出したテーブル要素などを横スクロールで表示する事がありますが、このスクロールバーを常に表示できないか?という内容です。 以前までのiOSのバージョンならCSSの「-webkit-scrollbar」というプロパティを使うだけで簡単にスクロールバーを常に表示出来たのですが、新しいiOSでは消えてしまうようです。 CSSではダメなのでJavaScript(jQuery)で何とかできないか考えました。 iOS(Safari)でスクロールバーを常に表示するスマホなどの画面が小さいデバイスに対して、テーブル要素などの横長の表のようなコンテンツを表示する時には横スクロールが良く使われます。 表を横にスクロールできることは周知されている動作だとは思いますが、いい感じに画面の端で表がピッタリ切れていると自分で見ても横にスクロールできるのかどうか分からない事があります。 そこでCS
ブラウザ内で動作するウェブアプリケーションの中で「別ウィンドウで画面を開く」という操作をしたい場合に大きく以下の2つの方法があります: (1)target="_blank" 属性のついた <a> タグをクリック/タップする (2)JavaScript の window.open 関数を実行する より一般的な方法は(1)だと思っています。リンク時に使う <a> タグに target="_blank" という属性を含めておくことで常に新しいブラウザウィンドウを(ブラウザによっては別タブを)開いて、その新ウィンドウの中でリンク先ページが表示されるというものです。比較的簡単に実装できる方法です。 ※ <a> タグの target 属性は本来は「ウィンドウを指定して開く」機能です。例えば <a target="abc" ..> というタグをクリックすると abc という名前のウィンドウを探して(存在
調べ方 Simulatorまたは実機でSafariを起動する https://aprico-media.com/ua を開く メモる Ref: iOS Safariに関する記事 ・Safari Release Note ・Apple セキュリティアップデート ・Web業界的には、iOS 11.3最大の特徴はSafariでのPWAサポート開始だ! ↑の記事のように、iOSのマイナーアップデート時にSafariがガラッと変わることがあったりします。 なのでこういったタイミングで、動いていたものが動かなくなったり、動かなかったものが動いたりはあるかもしれません。 (対応表が正しいとすると、Safariバージョンは11.0のままでWebkitのバージョンが変わってるみたいですね)
お使いのiPhone・iPad・MacのSafariのバージョンは何ですか?このページはSafariのバージョンの確認する方法をご紹介します。 Safariを使う時に、操作が重っくなったり、エラーになったりする時に、最新版にアップデートしようと思うですが、今使っているSafariは最新のバージョンですか? App Storeからダウンロードしたアプリなら、設定→一般→iPhoneストレージの順でバージョン情報を確認できますが、SafariはiOSの一部で、ほかのアプリと同じ方法ではSafariのバージョンを確認することができません。 では、本当にiOSのバージョンを確認できる方法はないのですか?そうでもないです。ここでは、iPhone・iPad及びMacの場合からSafariのバージョンを確認する方法をご紹介していきます。 ちょっと面倒な方法かもしれませんが、非常に有用な方法です。 おすす
SafariのWebインスペクタ for MAC ウェブページの制作を行う際、iPhoneでどのように表示されるか・動作するかをチェックする際に便利な機能があるのをご存知でしょうか? Safariには「Webインスペクタ」という開発者向けツールが標準で搭載されており、この「Webインスペクタ」で要素の検証や、デバックなどがPCから調査できる!という機能です。 ご利用の手順 まず、iPhone側の準備としては以下の通りになります。 ホーム画面から、「設定」→「Safari」を開きます。 画面一番下の「詳細」を開き、「Webインスペクタ」をONにします。 次に、PC側の設定。 MacからSafariを立ち上げます。 Safariのメニューから「環境設定」を開きます。 「詳細」タブから「メニューバーに"開発"メニューを表示」にチェックをいれます。 メニューバーに「開発」が追加されていることを確認
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く