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

最新推荐文章于 2024-04-21 22:42:05 发布

原创最新推荐文章于 2024-04-21 22:42:05 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#safari #前端

本文讲述了作者在处理前端开发中遇到的Safari浏览器兼容性问题，通过绝对定位解决，并分享了之前苹果手机点击事件的处理经历，以及积累的兼容性问题解决方案，摘自优快云博客。

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

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

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

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

百度安全验证

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

wonderhehe

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

浏览器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不同问题症

1 条评论您还未登录，请先登录后发表或查看评论

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