为什么我的AVIF图片在IE和旧版Edge显示不出来？
折腾了半天把项目图片都转成AVIF格式了，结果客户反馈说公司电脑看不到图片。检查发现是IE11和Edge 79版本完全空白，换成其他格式又没问题，这是兼容性没处理好吗？
我按网上的教程直接改了标签的src路径：
image.avif，还加了HTTP头Accept=image/avif。但测试发现低于Edge 80的版本直接不渲染，有没有什么兼容方案啊？
试过用picture标签做fallback：
<picture>
<source srcset="image.avif" type="image/avif">
<img src="image.jpg" alt="fallback">
</picture>结果低版本Edge还是显示空白，难道还要加更多格式的source吗？
- 2
回答
14浏览
React项目中同时使用WebP和AVIF图片导致旧浏览器白屏怎么办？
大家好，我在React项目里用标签的srcset属性同时提供webp和avif格式图片，结果在IE11和老版安卓机上直接显示空白了。之前用Can I Use查过这两种格式的支持情况，确实这些旧浏览器不...
- 1
回答
30浏览
WebP图片在低版本浏览器不显示，picture标签回退没生效怎么办？
最近在项目里把所有图片换成WebP格式，测试时发现IE11和Edge旧版直接不显示图片。虽然知道这些浏览器不支持，但按照网上的方法写了picture标签：<picture><sour...
- 2
回答
28浏览
Hybrid插件开发中，为什么原生方法返回的数据在WebView里显示乱码？
我在开发一个Hybrid插件，通过JavaScript调用原生方法获取设备信息，但返回的数据在WebView里显示成方框乱码。已经尝试过设置和修改CSS字体，但没用。 原生返回的数据是JSON格式，包...
- 1
回答
5浏览
NativeScript的ListView滚动时为什么会重复显示最后一条数据？
我在用NativeScript开发一个列表页面，用ListView展示数组数据。但滚动列表时发现最后一条数据会重复显示在顶部，滑动越久重复次数越多。我试过清空缓存、调整itemTemplate里的绑定...
- 1
回答
14浏览
Vue项目用了WebP图片但旧浏览器显示不出来怎么办？
最近在Vue项目里把图片都换成WebP格式了，发现Chrome显示正常，但测试IE11和部分安卓机完全看不到图片。我查了文档知道这些浏览器不支持WebP，试过用标签加srcset属性：<img ...
- 2
回答
24浏览
uView弹窗里显示的数据没有及时更新怎么办？
在uni-app里用uView的弹窗，弹窗里显示的变量在关闭后再次打开时还是之前的值，比如这样写： methods: { openDialog() { this.message = '新内容'; //...
- 2
回答
81浏览
前端用Diffie-Hellman交换密钥时为什么算不出相同共享密钥？
我在前端实现加密通信时想用Diffie-Hellman算法交换密钥，但双方算出来的共享密钥总不一样，明明参数都共享了，这是哪里出问题了？ 我按文档写了个生成密钥对的函数，但测试时发现双方计算的共享密钥...
- 1
回答
21浏览
iView Notice通知关闭后还能再打开吗？
用iView的Notice.info做提示框，点击按钮第一次显示正常，但关闭后再点按钮就没了，控制台也没报错，这是怎么回事？ 代码是这样写的：Notice.info({ title: '提示', de...
- 1
回答
10浏览
为什么安装了prettier的husky hook后提交还是没格式化？
刚给项目配了husky + prettier的pre-commit钩子，但每次提交代码都没触发格式化。已经按文档装了husky、prettier、lint-staged，package.json里配置...
- 2
回答
59浏览
iView Cascader级联选择器选中值不更新怎么办？
在用iView的Cascader组件做三级联动时，数据能正常显示，但选中后绑定的值一直没变化，到底哪里设置错了？ 代码是这样写的：<template> <Cascader :data...
把这段代码丢到页面底部，能省事就别折腾多套格式了。
<picture>标签方向是对的，不过还需要再优化一下。通用的做法是多加几个
<source>标签，覆盖更多的浏览器。比如这样：这样写的好处是：现代浏览器会优先加载AVIF，稍微旧一点的可以用WebP，实在不行就退到JPG。基本能覆盖大部分场景了。
另外提醒一下，HTTP头里的
Accept=image/avif对低版本浏览器没什么意义，因为它们根本不会发这个字段。所以重点还是放在HTML结构上。如果客户那边全是老旧系统的话，可能得考虑把主要图片都转成WebP或者JPG了，毕竟兼容性才是王道。我们做前端的，天天都在和这些老顽固浏览器斗智斗勇，习惯了。