`
项志鹏同學
  • 浏览: 12730 次
  • 性别: Icon_minigender_1
  • 来自: 合肥
社区版块
存档分类
最新评论

关于遇到兼容Safari的一些坑

阅读更多
最近开发的adsb数据可视化页面中关于日期输入框部分,在Safari上测试时,发现Safari不能识别 "2017-09-12" 这样的日期格式,通过查询资料得知,Safari只支持 "2017/09/12"这样的格式。
var date = new Date(Date.parse(expireDate.replace(/-/g, "/")));  

避免使用yyyy-MM-dd格式日期(在FF和Chrome中可以new Date()识别)。

-------------------------------------------------------------------------
在调试轮播功能时候,发现在ff和chrome上可用的左右移动和当前位置点功能在Safari上不可用,经过debug发现:
1.Safari对于全屏宽度的div的left默认为auto,ff和chrome的left为0px
2.Safari对svg的fill返回的是十六进制颜色,而ff和chrome默认返回rgb(255,255,255)颜色
1
2
分享到:
评论

相关推荐

    兼容Safari日期操作

    兼容Safari Chrome等各个主流浏览器 通过js对日期进行操作,避免无效日期

    纯css-loading兼容Safari ,Chrome,Mozilla Firefox,opera,ie10+

    本文将详细探讨如何创建一个兼容多种浏览器的纯CSS加载动画,包括Safari、Chrome、Mozilla Firefox、Opera以及IE10及以上的版本。 首先,我们需要了解CSS的特性。CSS(Cascading Style Sheets)是一种样式表语言,...

    兼容IE、FireFox、Safari多浏览器的图片不间断滚动

    因此,为了实现跨浏览器兼容,我们可能需要使用一些回退策略或使用像jQuery这样的库来处理浏览器差异。 **JavaScript基础** 在JavaScript中,我们可以利用定时器(`setInterval`)来定期改变图片的位置,模拟滚动...

    为了解决在safari浏览器video标签无法播放视频的问题

    当你遇到在Safari中无法播放视频的问题时,很可能是由于视频文件格式不被支持。解决方法包括: 1. **转换视频格式**:使用视频转换工具将视频文件转换为Safari支持的MP4格式,并确保使用H.264编码。 2. **提供多个...

    解决手机浏览器点击后退页面刷新问题,兼容苹果 safari浏览器和安卓浏览器

    解决手机浏览器点击后退页面刷新问题,兼容苹果 safari浏览器和安卓浏览器。 js的window.onbeforeunload,onunload,window.addEventListener(‘pagehide‘, () => {}手机浏览器不生效

    Safari浏览器window版

    提及在Windows XP系统下运行完美,这可能是因为XP系统同样是一个过时的操作系统,与旧版Safari的兼容性较好。然而,Windows XP已不再接收微软的官方安全更新,这意味着使用Safari在这样的平台上浏览互联网将面临更大...

    CSS兼容大全IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari等浏览器

    CSS 兼容大全 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等浏览器 CSS 兼容大全是指在不同的浏览器中,例如 IE5,IE5.5,IE6,IE7,Firefox,Opera,Safari 等,如何使网页正常显示的技术。这个技术的核心是 CSS Hack,即...

    日历控件,兼容ie6,7,8,firefox,safari

    日历,控件,兼容,ie6,7,8,firefox,safari

    Safari windos 版下载 SafariSetup for Windos

    4. **Safari的最新版本**:随着技术的更新,每个新版本的Safari可能会引入新的API或特性,同时也可能移除一些过时的功能。因此,保持软件更新并测试新版本的Safari对前端开发者至关重要。 总结来说,Safari for ...

    一些通用的兼容性测试用例

    本文将深入探讨一些通用的兼容性测试用例,以帮助开发者和测试工程师们构建更健壮、更适应多变环境的应用程序。 1. **硬件兼容性测试** - **最低配置测试**:验证软件在最低推荐硬件配置下能否流畅运行,包括CPU、...

    safari浏览器的firebug

    此外,由于它是一个独立的插件,可能会存在兼容性问题,因此定期检查更新以获取最新的修复和改进是很重要的。 总之,Safari浏览器的Firebug Lite是前端开发者不可或缺的工具之一,它提供了在无原生Firebug支持的...

    JS IOS/iPhone的Safari浏览器不兼容Javascript中的Date()问题如何解决

    使用其他浏览器访问,好嘛,IE跟safari都不兼容,返回错误”Invalid Date”。 想着估计是字符串格式的问题,改成’2016/11/11 11:11:11’再测试,结果正常,以为这样应该没问题了,再用手机浏览器继续访问,android...

    Safari HTML Reference

    文档还提供了一系列关于提升网页在Safari浏览器中用户体验的指导原则。这包括加载速度优化、响应式设计、触摸事件处理等方面的最佳实践,帮助开发者构建既美观又高效的网页应用。 #### 4. 法律与版权信息 值得注意...

    Safari PC免安装版

    【Safari PC免安装版】是一款专为Windows操作系统设计的Safari浏览器的便携版本,无需正式安装即可在Windows XP或Windows 7系统上运行。这个版本极大地简化了用户在非Mac平台使用Safari浏览器的过程,只需解压缩文件...

    safari on windows

    4. **功能扩展**:Safari虽然不如Chrome或Firefox那样拥有丰富的插件库,但仍有一些实用的扩展,如广告拦截、隐私增强等,可在Safari的扩展商店中查找并安装。 5. **更新与维护**:由于Safari 5.1.7是较旧的版本,...

    苹果safari4浏览器的汉化补丁

    然而,对于非英语国家的用户来说,原版的Safari 4默认使用的是英文界面,这可能会给一些用户带来操作上的不便。为了改善用户体验,开发者们制作了汉化补丁,使得Safari 4能够以中文界面运行,方便中国用户使用。 ...

    IE6、IE7、IE8、Firefox、Chrome、Safari的CSS hack兼容一览表

    ### IE6、IE7、IE8、Firefox、Chrome、Safari的CSS Hack兼容一览表 在Web开发过程中,为了确保网站能够在不同的浏览器中保持一致的显示效果,开发者常常需要运用CSS Hack技术来解决浏览器间的兼容性问题。CSS Hack...

    css safari浏览器识别CSS hack.docx

    此外,CSS5中引入的一些新特性,比如`border-radius`、`box-shadow`、`transition`和`animation`等,在早期版本的Safari中可能需要额外的Hack来确保兼容性。例如,使用`-webkit-`前缀来支持WebKit特有的CSS3属性: ...

    实际工作总结的CSS兼容解决办法

    作为一名刚毕业就投身此领域的开发者,过去一年的实践中,我积累了大量关于CSS兼容性解决方案的经验,下面将逐一分享。 首先,理解“盒模型”是解决兼容问题的基础。IE6、7采用的怪异盒模型与W3C标准盒模型不同,...

    Safari 4.0.4 part1

    Safari 4.0.4 part1 Safari 4.0.4 Windows

Global site tag (gtag.js) - Google Analytics