问题标签 [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 画中画 - 自定义 HTML5 视频控制器
带有画中画 (PiP) 的 Safari HTML5 自定义视频控制器
在WWDC15 Apple 推出 Safari 9 （MacOS 的 Safari 10），现在支持画中画。
然而，他们只是说：
如果您使用自定义 HTML5 视频控件，则可以使用 JavaScript 演示模式 API 添加画中画功能。
但不告诉如何或在哪里找到它的文档。
默认的视频控制器有按钮，但我如何通过 javascript 触发它？
javascript - 如何在 Safari 10 上触发画中画
Safari 10 引入了画中画。该按钮用于 html5 视频标准控件，但如何通过 javascript 触发它？
苹果 说：
如果您使用自定义 HTML5 视频控件，则可以使用 JavaScript 演示模式 API 添加画中画功能。
没有进一步的参考。
content-security-policy - Safari 10 引发 Content-Security-Policy 违规
尽管调用了一个内部没有样式属性的 weg 页面，Safari 10 仍会引发 CSP-style-src-Violation 。违规消息是：
拒绝应用样式表，因为其哈希、随机数或“不安全内联”未出现在内容安全策略的 style-src 指令中。
测试网页为： CSP测试页面
唯一安装的插件是 Adblock-Plus。删除插件后，违规不再显示。呈现的 html 源代码根本没有显示任何样式属性，无论是否带有 adblock。
有没有办法过滤掉这些虚假的违规信息？它们具有误导性。
css - 在 Safari 10 中隐藏自动添加的输入（用户）按钮（？）
知道如何通过 CSS在 Safari 中隐藏这个烦人的输入图标/按钮吗？我不知道这个新图标的含义是什么，因为对我来说它没有功能。
谢谢一百万，托马斯
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/ 代码：
有人知道，如何解决？
python-3.x - 等待Safari Webdriver，MacOS Sierra上的元素可点击失败
当我的测试脚本执行以下命令时，我总是从 MacOS Sierra 上的 Safari Web 驱动程序获得响应状态 404（完整源代码见附件）：
重现步骤： 1. 更新到 MacOS Sierra 和 Safari 10 2. 安装 python 3.6 3. 安装 Python 绑定：pip3.6 install -U selenium 4. 运行附加的测试脚本：python3.6 test.py
预期结果：测试脚本应该通过
实际结果：它总是失败，我写了一些日志，它显示：
版本：MacOS Sierra，Python 3.6
html - Safari 10 上的视频标签在几秒钟后上升
在复制视频几秒钟后，视频上升了 50%，并显示了控件和视频的下半部分。
此问题仅在 Safari 10 上发生，在 Safari 9（和其他浏览器）上尝试过，并且工作正常，我已在https://jsfiddle.net/antonino_R/d9tf0va3/4/上重现了该问题
这是css（我试图在屏幕中间有标题和副标题）
似乎 safari 改变了它处理视频标签的方式
javascript - 元素仅在 Safari 10 中消失（9 还可以），当我更改任何 css 时显示
我有一个引导列，其中包含一个标题 div，它是 React Web 应用程序中的另一个引导行。
容器有css：
标题行有css：
这在除 Safari 10.1 之外的所有浏览器中都能完美运行，当容器列中的其他元素移动时（通过 React 状态），它会消失。它在 Safari 9 中工作，只是在我更新时才停止工作。
我尝试一次删除一个 css 属性，并添加“位置：相对”以及每个溢出选项，但没有任何效果。我还尝试查找类似的问题（元素仅在 Safari 中消失），但到目前为止也没有一个有效。
但奇怪的是，如果我在浏览器中更改任何 css 属性，例如我删除“height: 6em”然后将其放回去，div 就会显示。如果我开始添加另一个 css 属性，则该元素会在我完成输入之前显示。
我很确定这是 Safari 中的一个错误，因为它在 9 或任何其他浏览器中都不是问题......我怎样才能让它强制更新，或者更好但不需要更新？