草庐IT

$​​Safari​​

全部标签

javascript - Canvas toBlob 在 iPhone Safari 上不起作用?

我尝试将Canvas图像转换为blob。这可以通过toBlob()polyfile来完成.它适用于桌面浏览器,但在iPhone上我没有得到任何Blob。大小始终为零。这里有一个JsFiddle:http://jsfiddle.net/confile/h7zV3/如何从iPhone的Canvas中获取Blob?这是我使用的代码:canvas$(function(){var$inputFile=$("#file"),inputFile=$inputFile[0],$img=$("#img"),img=$img[0];vartmpImage=img;//document.createElem

html - CSS 过渡 : Strange unwanted delay in Webkit browsers (Chrome and Safari)

我希望有人能帮助解释我在Webkit浏览器中遇到的奇怪行为,以及CSS转换中不必要的延迟。这是我正在处理的页面的链接:http://demo.daised.com/help-me期望的结果是菜单栏在用户向下滚动页面时缩小。这在Firefox中完美地动画。但是,在Webkit浏览器中,导航项的字体大小的转换会延迟6(!)秒。感谢您帮助我更好地理解这一点。 最佳答案 此问题是由继承transition属性的元素上的堆叠过渡引起的。a,span{transition:0.5s;}a{padding:0.5em0.75em;border:1

html - CSS 过渡 : Strange unwanted delay in Webkit browsers (Chrome and Safari)

我希望有人能帮助解释我在Webkit浏览器中遇到的奇怪行为,以及CSS转换中不必要的延迟。这是我正在处理的页面的链接:http://demo.daised.com/help-me期望的结果是菜单栏在用户向下滚动页面时缩小。这在Firefox中完美地动画。但是,在Webkit浏览器中,导航项的字体大小的转换会延迟6(!)秒。感谢您帮助我更好地理解这一点。 最佳答案 此问题是由继承transition属性的元素上的堆叠过渡引起的。a,span{transition:0.5s;}a{padding:0.5em0.75em;border:1

html - 为 Mobile Safari (webkit) 重新创建 HTML5 范围输入?

所以我一直在为工作开发一个HTML5iPad应用程序,但遇到了一个问题。第一次开发这个应用程序时,我无法访问iPad,而是依靠桌面Safari快速整合我的应用程序(无论如何,可能不是最好的东西......)我不得不依赖于部分界面的输入范围。在看到HTML5有范围输入后,我很高兴,因为这正是我所需要的。我什至设法将它的样式完全按照设计的方式进行设计:这太棒了!...直到我实际在iPad上尝试过它,但它不起作用。仅显示文本输入。我现在想知道该怎么做......我确实需要一个slider,当拖动它时,它会吐出数据。显然需要触摸工作。在网上四处寻找之后,似乎没有可靠的解决方案。你们在这里有什么

html - 为 Mobile Safari (webkit) 重新创建 HTML5 范围输入?

所以我一直在为工作开发一个HTML5iPad应用程序,但遇到了一个问题。第一次开发这个应用程序时,我无法访问iPad,而是依靠桌面Safari快速整合我的应用程序(无论如何,可能不是最好的东西......)我不得不依赖于部分界面的输入范围。在看到HTML5有范围输入后,我很高兴,因为这正是我所需要的。我什至设法将它的样式完全按照设计的方式进行设计:这太棒了!...直到我实际在iPad上尝试过它,但它不起作用。仅显示文本输入。我现在想知道该怎么做......我确实需要一个slider,当拖动它时,它会吐出数据。显然需要触摸工作。在网上四处寻找之后,似乎没有可靠的解决方案。你们在这里有什么

javascript - html5 拖放是否在 Windows 的 Safari 浏览器上损坏?

在windows的safari浏览器上html5拖放是否损坏?如果是这样,是否有任何变通办法?我在Windows7上使用Safari5.1.2,放置目标始终显示为不可放置。在2台不同的Windows7计算机上尝试过此操作,并进行了全新安装和最新设置。尝试使用这个演示和我自己的代码,它们适用于所有其他最新的浏览器。http://html5demos.com/drag 最佳答案 事实上,D&DforSafari不起作用。Safari的变通方法:将逻辑放在可拖动对象的'dragend'事件中而不是在放置对象的“放置”事件中。

javascript - html5 拖放是否在 Windows 的 Safari 浏览器上损坏?

在windows的safari浏览器上html5拖放是否损坏?如果是这样,是否有任何变通办法?我在Windows7上使用Safari5.1.2,放置目标始终显示为不可放置。在2台不同的Windows7计算机上尝试过此操作,并进行了全新安装和最新设置。尝试使用这个演示和我自己的代码,它们适用于所有其他最新的浏览器。http://html5demos.com/drag 最佳答案 事实上,D&DforSafari不起作用。Safari的变通方法:将逻辑放在可拖动对象的'dragend'事件中而不是在放置对象的“放置”事件中。

html - 通过 CSS 防止 Safari (Mavericks/iOS7) 中的连字

是否有可能阻止Mavericks/iOS7上的Safari/MobileSafari在Webfont中呈现连字?我们面临着字体中不可用的连字显示为空白的问题。我们已经尝试在CSS中使用它:-webkit-font-feature-settings:"liga"0;font-feature-settings:"liga"0;text-rendering:optimizeSpeed;但它不起作用,连字仍然是空格。 最佳答案 我们通过添加解决了这个问题-webkit-font-variant-ligatures:no-common-lig

html - 通过 CSS 防止 Safari (Mavericks/iOS7) 中的连字

是否有可能阻止Mavericks/iOS7上的Safari/MobileSafari在Webfont中呈现连字?我们面临着字体中不可用的连字显示为空白的问题。我们已经尝试在CSS中使用它:-webkit-font-feature-settings:"liga"0;font-feature-settings:"liga"0;text-rendering:optimizeSpeed;但它不起作用,连字仍然是空格。 最佳答案 我们通过添加解决了这个问题-webkit-font-variant-ligatures:no-common-lig

iOS 7 移动版 Safari 不再支持 <input type ="datetime"/>

我有一个使用PhoneGap构建的相当大的iPad应用程序,我正在做一些测试以确保一切都在iOS7中正常工作。最重要的问题我发现是不再受支持。我看到几个帖子建议您现在需要有两个单独的日期和时间字段。这是一个非常巨大的变化,因为我在整个应用程序中都在使用它。我希望这只是iOS7测试版中的问题,因为它是HTML5标准输入类型,但我似乎找不到任何信息。如有任何帮助或想法,我们将不胜感激。 最佳答案 对datetime的支持已被删除,但您可以改用datetime-local。据我所知(不能说是从谁那里听到的),它会一直存在。