标签: safari

Safari中的日期无效

 alert(new Date('2010-11-29'));
Run Code Online (Sandbox Code Playgroud)

chrome,ff对此没有问题,但是safari会喊"无效日期".为什么?

编辑:好的,根据下面的评论,我使用字符串解析并试过这个:

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
Run Code Online (Sandbox Code Playgroud)

编辑2018年3月22日:似乎人们仍然在这里着陆 - 今天,我会使用momentdate-fns完成它.Date-fns非常轻松无忧.

javascript safari date

129
推荐指数
8
解决办法
12万
查看次数

缩小到适合的视口元属性有什么作用?

我找不到这方面的文档.它是Safari专用的吗?

iOS 9中有一个最近的错误(这里),其解决方案是添加shrink-to-fit=no到viewport元.

这段代码有什么作用?

html safari webkit viewport ios9

127
推荐指数
2
解决办法
10万
查看次数

如何从iPhone应用程序启动Safari?

这可能是一个相当明显的问题,但您可以从iPhone应用程序启动Safari浏览器吗?

safari launch ios

126
推荐指数
3
解决办法
8万
查看次数

Safari中的Swift Open Link

我目前正在我的应用程序中打开链接WebView,但我正在寻找一个选项来在Safari中打开链接.

safari webview swift

125
推荐指数
6
解决办法
9万
查看次数

溢出:隐藏应用于<body>在iPhone Safari上工作吗?

是否overflow:hidden适用<body>于iPhone Safari?似乎没有.我无法在整个网站上创建一个包装器来实现这一点......

你知道解决方案吗?

示例:我有一个长页面,只是我想要隐藏"折叠"下面的内容,它应该适用于iPhone/iPad.

css iphone safari overflow ipad

123
推荐指数
7
解决办法
13万
查看次数

在Safari 10中旋转时,SVG会改变颜色

我遇到了一个非常奇怪的问题,只出现在Safari 10中.我有扑克牌,svg图像,有时会轮换使用transform:rotate(xdeg).

我正在使用的卡片有红色块图案.当它没有旋转或以直角旋转时,即90,180,270,那么它看起来很正常.但是,除此之外的任何角度和背景图案都会变成蓝色!我刚收到一位用户的报告,从未见过如此奇怪的事情.其他浏览器都正常工作,Safari 9正常运行.

我猜这只是Safari 10中一个非常奇怪的错误,但有关如何解决它的任何想法?我创建了一个最小的repro:

https://jsfiddle.net/2zv4garu/1/

html css safari svg

109
推荐指数
1
解决办法
1万
查看次数

视频自动播放在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>
Run Code Online (Sandbox Code Playgroud)

在FireFox中加载页面后开始自动播放但在基于Webkit的浏览器中无法自动播放.这只发生在一些随机页面上.到目前为止,我无法找到原因.我怀疑CMS编辑器创建了一些未封闭的标签或大量的JS.

javascript safari html5 webkit google-chrome

104
推荐指数
20
解决办法
19万
查看次数

某些字体大小在Safari(iPhone)上呈现得更大

有没有CSS或其他原因,为什么Safari/iPhone会忽略某些字体大小设置?在我的特定网站上,iPhone上的Safari渲染了一些字体大小:13px文本大于font-size:15px文本.是否可能不支持某些元素的字体大小?

css safari mobile-safari font-size

102
推荐指数
4
解决办法
7万
查看次数

iOS Safari - 如何禁用过度滚动但允许可滚动的div正常滚动?

我正在开发一个基于iPad的网络应用程序,需要防止过度滚动,以免它看起来像网页.我目前正在使用它来冻结视口并禁用过度滚动:

document.body.addEventListener('touchmove',function(e){
      e.preventDefault();
  });
Run Code Online (Sandbox Code Playgroud)

这可以很好地禁用过度滚动,但我的应用程序有几个可滚动的div,上面的代码阻止它们滚动.

我只针对iOS 5及以上版本,所以我避免使用像iScroll这样的hacky解决方案.相反,我将这个CSS用于我的可滚动div:

.scrollable {
    -webkit-overflow-scrolling: touch;
    overflow-y:auto;
}
Run Code Online (Sandbox Code Playgroud)

这没有文档overscroll脚本,但不解决div滚动问题.

没有jQuery插件,有没有办法使用过度滚动修复但免除我的$('.scrollable')divs?

编辑:

我发现了一些不错的解决方案:

 // Disable overscroll / viewport moving on everything but scrollable divs
 $('body').on('touchmove', function (e) {
         if (!$('.scrollable').has($(e.target)).length) e.preventDefault();
 });
Run Code Online (Sandbox Code Playgroud)

滚动浏览div的开头或结尾时,视口仍会移动.我想找到一种方法来禁用它.

safari jquery mobile-website ipad ios

98
推荐指数
6
解决办法
13万
查看次数

当我没有Mac时,在Mac/Safari上测试Web应用程序

最近,当我推出的网站在Windows上的IE,Firefox,Chrome和Safari上完美显示但在Mac上使用Safari(由潜在客户)浏览时损坏时,我最近被发现,我需要开始测试我的网站的外观在Mac上查看.

问题是,我没有Mac.

我已经尝试过BrowsrCamp,它声称可以为安装了大量浏览器的Mac提供VNC访问,但是在发现它不可靠之后(到目前为止,它在过去的5天中工作了1天)我需要另一个解决方案.

有什么建议?

safari macos

97
推荐指数
7
解决办法
12万
查看次数