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

于 2023-08-17 09:52:46 发布
阅读量535 收藏 1
点赞数
文章标签： safari 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wonderhehe/article/details/132334204
版权

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

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

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

百度安全验证

 

wonderhehe
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
如何调试 iPhone Safari 浏览器的CSS兼容问题
weixin_33798152的博客
08-08 2804
我们电脑浏览器如果出现CSS兼容问题，现在很好解决，Chrome浏览器自带检查工具，火狐浏览器的FireBug也很好用，Safari、360、 IE、EDGE都有自己的调试工具。他们可以查看html+JS+CSS如何被解释的，如果被解释错了可以看到原因出现在哪。 但是以上说的都是电脑，如果网站在iPhone上出现了兼容问题，该如何解决呢?下面教大家个...
safari浏览器的兼容
kaissgf的博客
12-23 341
样式尽量减少margin-left的使用，safari浏览器环境下样式会重新排列，使用定位的方法进行排版 safari浏览器很多样式并不兼容尽量使用定位
safari兼容性问题记录
pgLi
05-05 231
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浏览器兼容性问题
xiamocsdn的博客
06-10 2800
解决Safari关于css样式的一些兼容性问题
safari浏览器兼容性问题-日期格式
mrzhangdulin的博客
03-07 2328
今天写代码遇到的一个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...
Safari兼容性问题总结
honeymoon_的博客
10-13 1571
这里写目录标题前言问题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('/'); …待补充 ...
Safari浏览器兼容性问题处理
Hzwdddd的博客
01-07 7836
前言 作为一名菜鸡前端，我经常被safari的浏览器兼容性折磨，所以在此做一个曾解决过的兼容性问题总结，给日后不了解如何处理兼容性问题的前端同学提供一个思路。 低版本IOS Safari浏览器不兼容ES6语法 这是我首次跟safari浏览器打交道，在跟别的公司对接H5页面的时候发现的问题，他们的app最低可支持ios10的系统安装，他们的测试在用ios11.2的系统打开我们的H5页面时便出现了白屏，身边的同事也都没有用低版本的ios的，同时我也不知道页面报的是什么错误，此时一度陷入困境，在不清楚问题的情况下
safari 兼容问题
ministech的博客
04-12 3205
safari中click() , trigger(‘click’) ，window.open 事件等都不生效，被浏览器禁用。 在本页面打开链接 window.location = 'http://www.baidu.com'; 在新窗口打开链接 function(url) { var winRef = window.open("", "_blank...
关于H5项目safari高度适配的问题
weixin_44901028的博客
01-17 4530
safari中高度不是100%问题解决方案判断safari浏览器打开为什么Chrome有Safari字段？其他的浏览器也有吗？ 问题 最近再写H5的项目，由于H5的项目以前接触较少，这次也是遇到了一些的问题 我在项目中设置了HTML，body高度100% 然后具体的盒子设置了 width:100vw; height:100vh; 然后从微信和app中打开是没有问题的，高度可以撑满屏幕，但是通过s...
safari浏览器的一些兼容性问题总结
qq_42727641的博客
06-23 3769
safari浏览器的一些兼容性问题总结 vue项目开发完毕之后在chrome、firfox等浏览器表现正常，但在safari浏览器中跳转首页时报错导致页面展示空白，报错信息提示是语法错误。猜测是safari对于部分es6语法不兼容导致的，于是在vue.config.js中引入babel-polyfill插件 chainWebpack:(config) => { config.entry('main').add('babel-polyfill'), }, 此时仍然有报错信息，但报错信息改变了：
常见浏览器样式兼容问题
好好学习的博客
07-06 798
不同浏览器的标签，默认的外边距( margin )和内边距( padding )不同【100%】 解决办法：在CSS样式开头，设置*{margin: 0; padding: 0}，将所有标签的margin和padding设置为05. IE6中，块元素设置float属性并且有水平方向的margin时，margin显示出来会比设置的值大，导致最后一个块元素被顶到下一行【90%】 解决办法：将块元素转化为行内元素，设置样式display:inline IE6、IE7等浏览器，标签高度小于10px时，实际的高度会.
解决前端浏览器兼容性问题
最新发布
v_jinfuwu的博客
07-26 2908
同时，进行基于不同浏览器的真实设备和版本的测试，以验证网页在各种条件下的运行表现。这样可以根据浏览器的不同情况，采用不同的代码逻辑，达到兼容性的目的。渐进增强是从一个基本功能的版本开始，在较新版本的浏览器中逐步增加更多的特性和效果，以提供更丰富的用户体验。可以使用Polyfill或Shim来提供对这些特性的模拟支持，让旧版本浏览器也能正常运行相应的功能。不同浏览器对默认样式的处理存在差异，使用CSS reset或Normalize.css可以统一各个浏览器的默认样式，使呈现效果更加一致。
前端 苹果safari 兼容性问题
cc_King的博客
10-26 1178
重置一下表格的样式；
safari浏览器兼容性问题
inyiyi的博客
11-29 8065
今天写代码遇到的一个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...
IE、Safari、Chrome浏览器JavaScript兼容性改造总结
踏香无痕
08-13 1万+
1.1 浏览器内核差别 1.2. Safari和Chrome浏览器简介 Safari和Chrome，一个是苹果公司MAC OS系统的浏览器，一个是Google开发的浏览器，它们都使用了同样的内核webkit，关于webkit，有如下简介。 　　 WebKit 是一个开源浏览器网页排版引擎，与之相应的引擎有Gecko（Mozilla，Firefox 等使用的排版引擎）和Trident（也称为M
191012-MacOS升级后如何利用Safari配置IE代理
热门推荐
专注机器学习之路
10-13 1万+
Step1 Develop（开发模式）--> User Agent（用户代理）--> Other（其他） Step2 Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; WOW64; Trident/6.0)
Safari兼容IE
weixin_53169810的博客
04-08 7322
MacBook浏览器Safari兼容IE 1.首先打开Safari浏览器，点击菜单栏上的Safari浏览器，并点击下拉的‘偏好设置 点击 “高级” 并将 “开发” 添加到菜单栏中显示 设置完成后，打开要浏览的网站，点击菜单栏上的 ‘开发’ ➡️ “用户代理” ➡️ “其他” 填写相应的用户代理字符串就可以啦～ IE浏览器 代理列表。 IE 5： Mozilla/4.0 (compatible; MSIE 5.0; Windows NT; WOW64; Trident/4.0; SLCC1) IE
手机端的浏览器适配问题的心得
qq_36309066的博客
12-06 1314
[javascript] view plain copy            var browser = {               versions: function () {                   var u = navigator.userAgent, app = navigator.appVersion;
web功能多浏览器测试应该如何测试
07-15
进行Web功能多浏览器测试时，可以考虑以下步骤和策略： 1. 确定目标浏览器：首先，确定要测试的目标浏览器。这可能包括最新版本的主流浏览器（如Chrome、Firefox、Safari、Edge等），以及较旧版本的主流浏览器和其他特定浏览器（如Internet Explorer）。 2. 制定测试计划：根据目标浏览器列表，制定详细的测试计划。这包括列出要测试的功能、测试用例和期望结果。 3. 执行功能测试：按照测试计划逐个执行功能测试用例。确保在每个目标浏览器上都进行测试，并验证功能是否按预期工作。 4. 响应式设计测试：确保网页在不同浏览器和设备上的响应式设计能够正常展示和交互。测试不同屏幕分辨率、设备大小和方向等方面的响应性。 5. 兼容性测试：测试网页在不同浏览器和版本上的兼容性。验证页面布局、样式、交互和功能在各浏览器中的一致性和兼容性。 6. 错误处理和异常情况测试：测试各种错误情况和异常情况下页面的表现和处理方式。例如，网络错误、无法加载资源、无效输入等。 7. 性能测试：进行性能测试，包括页面加载速度、响应时间、内存占用等方面的测试。确保页面在各浏览器上都具有良好的性能表现。 8. 记录问题和缺陷：在测试过程中记录任何发现的问题和缺陷。包括浏览器特定的问题和功能缺陷。 9. 修复和重新测试：对于发现的问题和缺陷，将其修复并进行重新测试，以确保修复后的功能在所有目标浏览器上正常工作。 10. 测试报告和总结：整理测试结果和问题报告，记录测试覆盖率、发现的问题和解决方案，以及对各浏览器的兼容性总结。 需要注意的是，持续监测浏览器的更新和变化，及时调整测试策略和计划。同时，也可以使用一些自动化测试工具和服务来提高测试效率和覆盖率，如Selenium、BrowserStack等。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值