草庐IT

$​​Safari​​

全部标签

javascript - HTML5 <audio> 流 OSX Safari 错误

我有一个标准的HTML5文档宽度,一个音频标签来源于一个流媒体url。window.addEventListener("play",function(evt){if(window.$_currentlyPlaying){window.$_currentlyPlaying.pause();}window.$_currentlyPlaying=evt.target;},true);它在Chrome、Firefox和移动版Safari中运行良好,但OSX上的Safari显示:Blockedscriptexecutionin'http://localhost/audiostream/'beca

javascript - HTML5 <audio> 流 OSX Safari 错误

我有一个标准的HTML5文档宽度,一个音频标签来源于一个流媒体url。window.addEventListener("play",function(evt){if(window.$_currentlyPlaying){window.$_currentlyPlaying.pause();}window.$_currentlyPlaying=evt.target;},true);它在Chrome、Firefox和移动版Safari中运行良好,但OSX上的Safari显示:Blockedscriptexecutionin'http://localhost/audiostream/'beca

javascript - Safari 12 css 动画效果不佳

我正在尝试为元素列表制作动画,以便在呈现到页面中时一个接一个地滑入。一切在Chrome和Firefox中运行良好,即使在Safari11中运行良好,但safari12的动画效果不佳。如下图所示,当动画完成时,所有元素都应与顶部对齐,但由于某些原因仅在Safari12中,元素是随机呈现的。除此之外,鼠标悬停在按钮上是关闭的。您可以在这里查看问题:https://codepen.io/crysfel/pen/GwoQxE(确保用safari12打开链接)我认为css非常标准:@keyframesslideIn{from{opacity:0;transform:translateY(60px

javascript - Safari 12 css 动画效果不佳

我正在尝试为元素列表制作动画,以便在呈现到页面中时一个接一个地滑入。一切在Chrome和Firefox中运行良好,即使在Safari11中运行良好,但safari12的动画效果不佳。如下图所示,当动画完成时,所有元素都应与顶部对齐,但由于某些原因仅在Safari12中,元素是随机呈现的。除此之外,鼠标悬停在按钮上是关闭的。您可以在这里查看问题:https://codepen.io/crysfel/pen/GwoQxE(确保用safari12打开链接)我认为css非常标准:@keyframesslideIn{from{opacity:0;transform:translateY(60px

javascript - Mobile Safari - 如何默认为十进制输入的全数字键盘 w/o 类型 ="number",或禁用 Safari 输入类型 ="number"更正

我有一个相当基本但令人沮丧的问题,基本上我一直在尝试强制输入字段的行为更像文本输入类型(它们不纠正不正确的数字条目,例如“0..7”chop为“0”),让JS表单验证和后端验证完成它的工作。但是,虽然我希望允许用户在字段中输入他们想要的任何内容(输入类型=“文本”),但我希望显示完整的数字键盘。原文:尝试修复:适用于iPad,但不适用于iPod,因为iPod会显示不带小数点的紧凑型数字键盘:在iPod上不起作用,因为它显示完整的文本键盘,但不默认为带小数的完整键盘的“数字侧”:有人有什么想法吗?要么防止MobileSafari更正输入的数字类型(数字类型在iPod和iPad上显示正确的

javascript - Mobile Safari - 如何默认为十进制输入的全数字键盘 w/o 类型 ="number",或禁用 Safari 输入类型 ="number"更正

我有一个相当基本但令人沮丧的问题,基本上我一直在尝试强制输入字段的行为更像文本输入类型(它们不纠正不正确的数字条目,例如“0..7”chop为“0”),让JS表单验证和后端验证完成它的工作。但是,虽然我希望允许用户在字段中输入他们想要的任何内容(输入类型=“文本”),但我希望显示完整的数字键盘。原文:尝试修复:适用于iPad,但不适用于iPod,因为iPod会显示不带小数点的紧凑型数字键盘:在iPod上不起作用,因为它显示完整的文本键盘,但不默认为带小数的完整键盘的“数字侧”:有人有什么想法吗?要么防止MobileSafari更正输入的数字类型(数字类型在iPod和iPad上显示正确的

html - iOS Safari 自动向下滚动网站

在iOS设备上使用Safari时,我正在处理的网站会自动向下滚动:http://thelimbic.com/我完全不确定为什么,并且调查没有成功:jQuery(我认为它可能使用了scrollTop函数)CSS(这里没有任何内容建议自动滚动)图像加载-对此仍然不确定,我认为问题可能在于当您查看网站后加载图像时它会向下滚动吗? 最佳答案 您可以检查给表单字段的任何“autofocus”属性。尤其是在MAC中,它会自动聚焦于表单字段,而不管您的表单放在哪里。例如:inputtype="text"name="fname自动对焦"希望这能解决

html - iOS Safari 自动向下滚动网站

在iOS设备上使用Safari时,我正在处理的网站会自动向下滚动:http://thelimbic.com/我完全不确定为什么,并且调查没有成功:jQuery(我认为它可能使用了scrollTop函数)CSS(这里没有任何内容建议自动滚动)图像加载-对此仍然不确定,我认为问题可能在于当您查看网站后加载图像时它会向下滚动吗? 最佳答案 您可以检查给表单字段的任何“autofocus”属性。尤其是在MAC中,它会自动聚焦于表单字段,而不管您的表单放在哪里。例如:inputtype="text"name="fname自动对焦"希望这能解决

html - Safari 8 label + checkbox hover 闪烁,如何防止?

在Safari8中的第一个:hover中,选中的复选框和单选按钮会闪烁,就像被点击一样。示例代码:HovermeinSafari8div{background-color:#eee;padding:1em;}label{line-height:2em;display:block;}label:hover{background-color:#fff;}我还创建了一个JSFiddlehere,但请记住,这只会发生在第一次悬停事件上,而不会发生在后续事件上。您需要重新运行代码才能再次触发它。有谁知道这种行为的根源以及如何预防?Chrome和Firefox都没有出现这种闪烁。更新我在bugre

html - Safari 8 label + checkbox hover 闪烁,如何防止?

在Safari8中的第一个:hover中,选中的复选框和单选按钮会闪烁,就像被点击一样。示例代码:HovermeinSafari8div{background-color:#eee;padding:1em;}label{line-height:2em;display:block;}label:hover{background-color:#fff;}我还创建了一个JSFiddlehere,但请记住,这只会发生在第一次悬停事件上,而不会发生在后续事件上。您需要重新运行代码才能再次触发它。有谁知道这种行为的根源以及如何预防?Chrome和Firefox都没有出现这种闪烁。更新我在bugre