关于Safari浏览器的兼容性问题整理

最新推荐文章于 2024-04-21 22:42:05 发布
最新推荐文章于 2024-04-21 22:42:05 发布
阅读量1k 收藏 1
点赞数
CC 4.0 BY-SA版权
文章标签： safari 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/wonderhehe/article/details/132334204
本文讲述了作者在处理前端开发中遇到的Safari浏览器兼容性问题，通过绝对定位解决，并分享了之前苹果手机点击事件的处理经历，以及积累的兼容性问题解决方案，摘自优快云博客。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

有时候相对基础的样式也会遇到浏览器兼容性问题，尝试了几种方法最终使用了绝对定位解决，之前还遇到过苹果手机点击事件问题，因此想多了解一些兼容问题。为了自己查询方便，我先拷到这了，这些是出处，除此之外自己还会根据业务中遇到的兼容性问题进行总结。

Safari浏览器兼容性问题_safari兼容问题_夏末_前端有意思的博客-优快云博客

https://www.cnblogs.com/lisaShare/p/12842202.html  

百度安全验证

 

wonderhehe
关注
浏览器CSS兼容性问题解决方案整理
luoawai的博客
04-21 1612
浏览器CSS兼容性问题解决方案整理
前端常见浏览器兼容性问题解决方案
web18484626332的博客
03-06 1352
前言： 不同浏览器的内核不尽相同，所以各个浏览器对网页的解析存在一定的差异。 浏览器内核主要分为两种，一是渲染引擎，另一个是js 引擎 所以浏览器兼容性问题一般指：css兼容、js兼容 浏览器 内核（渲染引擎） Chrome谷歌 之前Webkit，已改Blink内核 FireFox火狐 Gecko Safari苹果 Webkit IE Trident Opera欧朋 现已改用Google Chrome的Blink内核 一、css兼容 1. 不同浏览器的标签默认的margin和padding不同 问题症
Safari浏览器兼容性问题
xiamocsdn的博客
06-10 3098
解决Safari关于css样式的一些兼容性问题
Safari兼容性问题总结
honeymoon_的博客
10-13 1778
这里写目录标题前言问题1. new Date(value) 前言 在这里记录自己遇到的Safari兼容性问题。 问题 1. new Date(value) safari不支持2021-01-01，而是支持2021/01/01。IE同理。谷歌两种都支持。 因此在使用new Date()时，要先进行时间格式的转换： 例如：将2021-01-01格式的时间转换为2021/01/01格式。 let newDate = myDate.split('-').join('/'); …待补充 ...
报告 bug ：博客系统---在 Safari 中出现兼容问题
heyun51的专栏
03-03 265
在 Safari 中出现兼容问题 启动 Safari ，第一次使用发表文章或编辑文章时没问题，第二次或以上操作发表文章或编辑文章才出现的。 发表文章或编辑文章时： 1、可视化编辑器显示不完全； 2、预览时，在不停 loading，没内容显示。   测试平台： CPU：PowerPC G4； OS 系统：Mac OSX 10.5.6； WEB 浏览器：1、Safari v3.2.1，插件 Saft ...
Safari兼容问题
qq_42222908的博客
06-22 320
1.日期转换 我们通用的时间格式一般是2021-06-22，这种格式在Safari下进行new Date （）转换是不支持的，要修改为2021/06/22
2016年度最全整理浏览器兼容性问题与解决方案
04-26
浏览器兼容性问题一直是前端开发中的重要议题，尤其是在2016年及以前，各种浏览器的市场份额和解析标准差异较大，导致开发者需要面对多种浏览器的显示差异。本文将针对标题和描述中提到的常见浏览器兼容性问题及其...
浏览器JavaScript兼容解决方案整理
最新发布
luoawai的博客
04-21 1622
浏览器JavaScript兼容解决方案整理
浏览器 API 兼容性问答
qq_42824207的博客
01-24 552
面试官： 我看到你在简历中提到实现了一个检查浏览器 API 兼容性的工具，可以介绍一下么？ 我： （Situation）好的，当时的情况实际上是一次线上的用户的舆情反馈说页面白屏/打不开，通过 JSError 日志的排查我发现最近出现大量类似 InterpObserver is not defined 的日志，同时和我最近一次发布的模块曝光需求时间线是差不多吻合的，所以很快定位到了是当时使用浏览器 InterpObserver API 做 DOM 曝光时没有考虑到兼容性的问题。 面试官： 那问题.
Safari浏览器兼容性问题处理
Hzwdddd的博客
01-07 8717
前言 作为一名菜鸡前端，我经常被safari的浏览器兼容性折磨，所以在此做一个曾解决过的兼容性问题总结，给日后不了解如何处理兼容性问题的前端同学提供一个思路。 低版本IOS Safari浏览器不兼容ES6语法 这是我首次跟safari浏览器打交道，在跟别的公司对接H5页面的时候发现的问题，他们的app最低可支持ios10的系统安装，他们的测试在用ios11.2的系统打开我们的H5页面时便出现了白屏，身边的同事也都没有用低版本的ios的，同时我也不知道页面报的是什么错误，此时一度陷入困境，在不清楚问题的情况下
safari浏览器兼容性问题-日期格式
mrzhangdulin的博客
03-07 2404
今天写代码遇到的一个bug，在chrome上显示得好好的时间，一到Safari就提示 “invalid date”，于是回来看代码（为了一目了然，进行一些处理）： var deadline = new Date("2016-06-10 23:59"); 这行代码是将数据库中存的日期“2016-06-10”字符串转成Date对象。 分析 当看到日期格式是yyyy-mm-dd，我联想到了yyyy/m...
safari浏览器的一些兼容性问题总结
qq_42727641的博客
06-23 4022
safari浏览器的一些兼容性问题总结 vue项目开发完毕之后在chrome、firfox等浏览器表现正常，但在safari浏览器中跳转首页时报错导致页面展示空白，报错信息提示是语法错误。猜测是safari对于部分es6语法不兼容导致的，于是在vue.config.js中引入babel-polyfill插件 chainWebpack:(config) => { config.entry('main').add('babel-polyfill'), }, 此时仍然有报错信息，但报错信息改变了：
记一个safari兼容性问题
木豪末的博客
10-20 879
1.问题代码 :not(.el-dialog__body .el-form-item--small.el-form-item){ margin-bottom:22px max-width: 360px; } 2.问题描述 这段我本来只是想修改除了.el-dialog__body下的所有.el-form-item--small.el-form-item的样式，这段代码在谷歌浏览器上是没有问题的，结果到了safari浏览器上它直接修改了所有div的样式 3.总结 :not伪类在safar
safari兼容性问题记录
pgLi
05-05 304
new Date 不识别"-" new Date('2022-05-05 08:37:00'); // Invalid Date // 需要把2022-05-05 08:37:00 转成 2022/05/05 08:37:00 不支持后查找 (?<=)
记录Safari浏览器兼容问题BUG
机智的奎哥的博客
06-05 564
safari浏览器不支持yyyy-mm-dd这种日期格式，换成yyyy/mm/dd，就没问题。所以手动添加了一个方法转换一下日期格式就可以正常运行了 function formatDate(time){ 　　var date = new Date(Date.parse(time.replace(/-/g, “/”))); 　　return date } ...
safari浏览器的兼容
kaissgf的博客
12-23 392
样式尽量减少margin-left的使用，safari浏览器环境下样式会重新排列，使用定位的方法进行排版 safari浏览器很多样式并不兼容尽量使用定位
safari浏览器兼容性问题
inyiyi的博客
11-29 8144
今天写代码遇到的一个bug，在chrome上显示得好好的时间，一到Safari就提示 “invalid date”，于是回来看代码（为了一目了然，进行一些处理）： var deadline = new Date(&quot;2016-06-10 23:59&quot;); 这行代码是将数据库中存的日期“2016-06-10”字符串转成Date对象。 分析 当看到日期格式是yyyy-mm-dd，我联想到了yyyy/m...
CSS浏览器兼容性解析：IE6.0、IE7.0与Firefox问题解决
在Web开发中，CSS（层叠样式表）浏览器兼容性问题是开发者常常需要面对的挑战，尤其是在处理老旧版本的IE（Internet Explorer）浏览器如IE6.0和IE7.0，以及Firefox等其他浏览器时。以下是一些常见的CSS兼容性问题...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值