タグ付けされた質問 「safari」

SafariはAppleのWebブラウザであり、macOSおよびiOSのデフォルトのブラウザです。

15
テキスト入力要素の境界線の強調表示を削除する方法
HTML要素が「フォーカス」されている（現在選択されている/タブで移動されている）場合、多くのブラウザー（少なくともSafariとChrome）はその周りに青い境界線を配置します。 私が取り組んでいるレイアウトの場合、これは注意をそらすものであり、正しく見えません。 <input type="text" name="user" class="middle" id="user" tabindex="1" /> Firefoxはこれを実行していないようです。少なくとも、次の方法で制御できます。 border: x; 誰かがIEのパフォーマンスを教えてくれるとしたら、私は興味があります。 Safariにこのわずかなフレアを除去させるといいでしょう。
610 css  input  safari  webkit  border 
4
アレイの状態はiOS 12 Safariにキャッシュされます。バグですか、機能ですか？
2018.10.31に更新 このバグはiOS 12.1で修正されました。 新しくリリースされたiOS 12 SafariでArrayの値の状態に問題があることがわかりました。たとえば、次のようなコードです。 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0"> <title>iOS 12 Safari bugs</title> <script type="text/javascript"> window.addEventListener("load", function () { let arr = [1, 2, 3, 4, 5]; alert(arr.join()); document.querySelector("button").addEventListener("click", function () { arr.reverse(); }); }); </script> </head> <body> <button>Array.reverse()</button> <p style="color:red;">test: …
432 javascript  ios  safari  ios12 
24
Mobile Safariで電話番号リンクを無効にする方法は？
iPhoneのSafariは、電話番号に表示される数字列のリンクを自動的に作成します。IPアドレスを含むWebページを作成していますが、Safariはそれを電話番号リンクに変換しています。この動作をページ全体またはページ上の要素に対して無効にすることはできますか？
30
JavaScriptで画像の実際の幅と高さを取得しますか？（Safari / Chrome内）
jQueryプラグインを作成しています。 SafariでJavascriptを使用して実際の画像の幅と高さを取得するにはどうすればよいですか？ 以下は、Firefox 3、IE7、およびOpera 9で動作します。 var pic = $("img") // need to remove these in of case img-element has set width and height pic.removeAttr("width"); pic.removeAttr("height"); var pic_real_width = pic.width(); var pic_real_height = pic.height(); しかし、SafariやGoogle ChromeなどのWebkitブラウザーでは、値は0です。
27
WebKitを強制的に再描画/再描画してスタイルの変更を反映させるにはどうすればよいですか？
スタイルの変更を行うための簡単なJavaScriptがあります。 sel = document.getElementById('my_id'); sel.className = sel.className.replace(/item-[1-9]-selected/,'item-1-selected'); return false; これは、FF、Opera、IEの最新バージョンでは正常に動作しますが、ChromeとSafariの最新バージョンでは失敗します。 これは、たまたま兄弟である2つの子孫に影響します。最初の兄弟は更新されますが、2番目の兄弟は更新されません。2番目の要素の子にもフォーカスがあり、onclick属性に上記のコードを含む<a>タグが含まれています。 クロームの「開発ツール」ウィンドウでは、私は（例えばチェックを外し＆チェック）微調整する場合の任意の属性の任意の要素、正しいスタイルに二兄弟の更新を。 WebKitを簡単かつプログラム的に「ナッジ」して正しいことを実行するための回避策はありますか？
18
クロムではなくサファリのためのCSSハックはありますか？
クロムではなくサファリのみのcssハックを見つけようとしているのですが、どちらもWebkitブラウザーですが、クロムとサファリのdiv配置に問題があり、それぞれ表示が異なります。 私はこれを使用しようとしましたが、それはクロムにも影響します、 @media screen and (-webkit-min-device-pixel-ratio:0) { #safari { display: block; } } 誰かがサファリに適用される別のものを知っていますか？
183 css  safari 
20
iPhone Safari Webアプリが新しいウィンドウでリンクを開く
ホーム画面にアイコンを追加した後、ウェブに問題があります。Webがホーム画面から起動された場合、すべてのリンクがSafariの新しいウィンドウで開きます（フルスクリーン機能が失われます）。どうすれば防ぐことができますか？私は助けを見つけることができず、同じ未回答の質問だけが見つかりました。
16
サファリの無効な日付
alert(new Date('2010-11-29')); chrome、ffにはこれで問題はありませんが、サファリは「無効な日付」と叫びます。どうして ？ 編集：わかりました、以下のコメントに従って、文字列解析を使用してこれを試しました： alert(new Date('11-29-2010')); //doesn't work in safari alert(new Date('29-11-2010')); //doesn't work in safari alert(new Date('2010-29-11')); //doesn't work in safari 2018年3月22日編集：人々はまだここに着陸しているようです-今日、私はそれを使うmomentか、それで終わりますdate-fns。Date-fnsは非常に簡単で軽量です。
155 javascript  date  safari 
16
iPad Web App：SafariでJavaScriptを使用して仮想キーボードを検出しますか？
iPad用のWebアプリを作成しています（通常のApp Storeアプリではなく、 HTML、CSS、JavaScriptを使用して作成されています）。キーボードは画面の大部分を占めるため、キーボードが表示されているときにアプリのレイアウトを変更して、残りのスペースに合わせることは理にかなっています。ただし、キーボードが表示されているかどうか、または表示されているかどうかを検出する方法はありません。 私の最初のアイデアは、テキストフィールドにフォーカスがあるときにキーボードが表示されると想定することでした。ただし、外部キーボードがiPadに接続されている場合、テキストフィールドがフォーカスを受け取ったときに仮想キーボードは表示されません。 私の実験では、キーボードもDOM要素の高さやscrollheightに影響を与えず、キーボードが表示されているかどうかを示す独自のイベントやプロパティも見つかりませんでした。
5
ブラウザでOSがダークモードかどうかを検出するにはどうすればよいですか？
「OS Xがダークモードかどうかを検出する方法」に似ていますが、ブラウザのみです。 ユーザーのシステムがSafari / Chrome / Firefoxの新しいOS Xダークモードかどうかを検出する方法があるかどうか誰かが見つけましたか？ 現在の操作モードに基づいて、サイトのデザインをダークモードフレンドリーに変更したいと考えています。
138 css  macos  safari 
19
SafariサードパーティCookieのiframeトリックが機能しなくなった
したがって、これは「サードパーティのCookieをSafariで機能させる方法」という質問の13回目の復讐ですが、おそらく2012年2月以降、競争の場が変わったと思うので、もう一度尋ねます。3番目を取得するための標準的なトリックの1つSafariのパーティーCookieは次のとおりです。JavaScriptを使用して非表示のiframeにPOSTします。これは、Safariをだましてユーザーがサードパーティのコンテンツを操作したと考えさせ、Cookieを設定できるようにします。 私が考えるこの抜け穴はそれはGoogleがその広告でそのトリックを使用していたことが明らかにされた軽度のスキャンダルをきっかけに閉鎖されています。少なくとも、このトリックを使用している間、SafariでCookieを設定することは完全にできませんでした。私はAppleが抜け穴をふさいでいると主張していたいくつかのランダムなインターネット投稿を発掘しましたが、公式の言葉は見つかりませんでした。 フォールバックとして、コンテンツをロードする前にボタンをクリックする必要があるようにメインのサードパーティフレームを再設計してみましたが、そのレベルの直接的な対話でさえSafariの冷たい冷たい心を溶かすには不十分でした。 それで、Safariが本当にこの抜け穴を閉じたかどうか、誰かが確実に知っていますか？その場合、他の回避策はありますか（すべてのリクエストにセッションIDを手動で含めること以外）？
21
ビデオの自動再生がSafariおよびChromeデスクトップブラウザーで機能しない
私はかなりの時間を費やして、なぜこのようにビデオが埋め込まれたのかを理解しようとしました： <video height="256" loop autoplay muted controls id="vid"> <source type="video/mp4" src="video_file.mp4"></source> <source type="video/ogg" src="video_file.ogg"></source> </video> FireFoxにページが読み込まれると自動的に再生を開始しますが、Webkitベースのブラウザでは自動再生を実行できません。これは一部のランダムなページでのみ発生しました。これまでのところ、原因を見つけることができませんでした。閉じられていないタグや、CMSエディターによって作成された広範なJSが疑われます。
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.