問題タブ [safari10]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - Safari Picture In Picture - カスタム HTML5 ビデオ コントローラー
Picture In Picture (PiP) を使用した Safari HTML5 カスタム ビデオ コントローラー
WWDC15で、Apple は Safari 9 (MacOS 用の Safari 10) を導入し、Picture in Picture をサポートするようになりました。
しかし、彼らはただ言う：
カスタム HTML5 ビデオ コントロールを使用する場合は、JavaScript プレゼンテーション モード API を使用して Picture in Picture 機能を追加できます。
しかし、そのドキュメントを見つける方法や場所を教えていません。
デフォルトのビデオ コントローラーにはボタンがありますが、javascript でトリガーするにはどうすればよいですか?
javascript - Safari 10 でピクチャー イン ピクチャーをトリガーする方法
Safari 10 では、ピクチャー イン ピクチャーが導入されました。ボタンは html5 ビデオ標準コントロール用にありますが、javascript でトリガーするにはどうすればよいですか?
カスタム HTML5 ビデオ コントロールを使用する場合は、JavaScript プレゼンテーション モード API を使用して Picture in Picture 機能を追加できます。
これ以上の参照はありません。
content-security-policy - Safari 10 が Content-Security-Policy 違反をスローする
Safari 10 は、内部にスタイル属性を持たないWeb ページを呼び出すにもかかわらず、CSP-style-src-Violation をスローします。違反メッセージは次のとおりです。
スタイルシートのハッシュ、ナンス、または「unsafe-inline」がコンテンツ セキュリティ ポリシーの style-src ディレクティブに表示されないため、スタイルシートの適用が拒否されました。
テスト Web ページ: CSP テスト ページ
インストールされている唯一のアドオンは Adblock-Plus です。アドオンを削除すると、違反は表示されなくなります。レンダリングされた html ソースには、広告ブロックの有無にかかわらず、スタイル属性がまったく表示されません。
これらの誤った違反メッセージを除外する方法はありますか? 彼らは誤解を招きます。
java - El Capitan の Safari 10 で実行する WebDriver Java クラス
El Capitan OS X にアップデートをインストールして Safari 10 を入手しました。webdriver-support-in-safari-10 によると、 「Safari のドライバーは /usr/bin/safaridriver 実行可能ファイルを介して起動でき、Selenium が提供するほとんどのクライアント ライブラリは自動的に追加の構成なしでこの方法でドライバーを作成します。」
Java クライアントはまだ WebDriver のフレーバーをインスタンス化する必要があるため、次のことを試しました -
それ以外の
しかし、次のエラーが発生します - org.openqa.selenium.remote.UnreachableBrowserException。そうですか
投稿の最後にある「補遺」も確認しました -
Javaで動作させることができた人はいますか?
html - HTML5 ビデオにより、Safari 10 でページがジャンプする
ページが読み込まれると、約 5 秒後にウィンドウがスクロールして、ページのかなり下にある html ビデオが表示されます (これは自動再生されます)。これは、Safari 10 リリース以降の問題です。なぜこれが当てはまるのか誰にも分かりますか？
css - Safari 10 でのrotate3d のバグ。コンテンツのオーバーラップ
Last safari 10 では、3D レンダリングで新たな痛みが生じます。以前のバージョンでは、-webkit-transform: translate3d(0,0,0); で修正されていました。しかし今ではありません。 例 (safari 10 のみ): https://jsfiddle.net/rhbs755c/4/ コード:
誰かがそれを修正する方法を知っていますか？
javascript - 要素はSafari 10（9はOK）でのみ消え、cssを変更すると表示されます
React Web アプリ内に、別のブートストラップ行であるヘッダー div を含むブートストラップ列があります。
コンテナーには css があります。
そしてヘッダー行にはcssがあります：
これは、Safari 10.1 を除くすべてのブラウザーで完全に機能します。Safari 10.1 では、コンテナー列の他の要素が (React 状態を介して) 移動すると消えます。Safari 9で動作していましたが、更新したときにのみ動作しなくなりました。
css プロパティを 1 つずつ削除し、"position: relative" とすべてのオーバーフロー オプションを追加しようとしましたが、何も機能しません。同様の問題（要素がSafariでのみ消える）も調べてみましたが、これまでのところどれも機能していません.
しかし、「height: 6em」を削除してから元に戻すなど、ブラウザでcss プロパティを変更すると、div が表示されます。別の css プロパティの追加を開始すると、入力が完了する前に要素が表示されます。
これは Safari のバグであると確信しています。9 やその他のブラウザでは問題がなかったからです。どうすれば更新を強制することができますか、それとも必要ありませんか?