Safari浏览器不支持……

简介: Safari浏览器不支持……


前言

现在是2022年1月7日16:19:38,前几天用publiccms改了个网站,因为客户那边各种机型都有(各PC端的分辨率也都不一样),所以导致页面呈现的效果也不一样,跑版的、显示不出来的、有遮挡的,各种问题层出不穷,以前也是为了省事,没有做要多的自适应,所以问题都出来了。

经过几天的反复修改,终于改的差不多了,但是又遇到了个问题,客户那边还有个苹果机型。用的浏览器是Safari,上去之后又乱板了……

实现思路:

好在跑版的地方也不多,就是一个表单的搜索框默认提示信息太靠上了,加了个line-height就搞定了。

image-20220107162512496

但是还有个问题,之前写的下拉宽屏效果,在其他浏览器上没有问题,但是在Safari上面就出不来,调试了半天,加高、加背景色、分析原因……

最后发现原来是有个**js**报错了。

image-20220107162653039

报错信息与地方如下:

image-20220107162750342

于是我就猜想是不是let的原因,难道这个浏览器不支持let声明吗?改成了var试了下,可以了。

错误代码:

let i = $(this).attr('data-i');

正确代码:

var i = $(this).attr('data-i');
相关文章
|
7月前
|
Web App开发 编解码 JavaScript
Safari浏览器不支持let声明的解决方式
Safari浏览器不支持let声明的解决方式
|
7月前
|
Web App开发 移动开发 Android开发
解决IOS Safari浏览器H5页面上下滑动时卡顿、页面缺失的问题
解决IOS Safari浏览器H5页面上下滑动时卡顿、页面缺失的问题
|
Web App开发 JavaScript iOS开发
iOS Safari 浏览器 100vh 带有滚动条解决方案
iOS Safari 浏览器 100vh 带有滚动条解决方案
670 0
|
Web App开发 JavaScript Android开发
JS 解决移动端浏览器(Safari、Alook...)无法禁止缩放问题
JS 解决移动端浏览器(Safari、Alook...)无法禁止缩放问题
534 0
|
Web App开发 iOS开发
element-plus:Message 消息提示组件safari浏览器中显示异常
element-plus:Message 消息提示组件safari浏览器中显示异常
213 0
element-plus:Message 消息提示组件safari浏览器中显示异常
|
Web App开发 iOS开发
element表格在Safari浏览器下面对不齐?
element表格在Safari浏览器下面对不齐?
232 0
element表格在Safari浏览器下面对不齐?
|
Web App开发 前端开发 JavaScript
前端基本开发工具的浏览器之Safari
Safari是一款苹果公司开发的浏览器,它在Mac OS和iOS操作系统上广受欢迎。下面就让我们来看看Safari的特点和优势。
370 0
|
Web App开发 小程序 安全
微信小程序首次请求慢 Safari浏览器访问慢 pending 10秒 可能是HTTPS证书的锅
微信小程序首次请求慢 Safari浏览器访问慢 pending 10秒 可能是HTTPS证书的锅
450 0
微信小程序首次请求慢 Safari浏览器访问慢 pending 10秒 可能是HTTPS证书的锅
|
Web App开发 编解码 JavaScript
Safari浏览器不支持let声明的解决方式
Safari浏览器不支持let声明的解决方式
262 0
Safari浏览器不支持let声明的解决方式
|
Web App开发 编解码 JavaScript
Safari浏览器不支持let声明的解决方式
Safari浏览器不支持let声明的解决方式
138 0
Safari浏览器不支持let声明的解决方式