如何使用JavaScript检测浏览器是否支持 AVIF 图像？我查看了这个问题，在阅读答案后，我能够构建一个有用的单行函数来检查浏览器对各种图像类型的支持。
const isSupported = (type) => document.createElement('canvas').toDataURL(`image/${type}`).indexOf(`data:image/${type}`) === 0;
它对于webp( 和jpeg& png) 图像效果很好。但它不适用于avif( 和gif) 图像。
我所说的“不工作”是指即使浏览器支持 AVIF 图像，该函数也会返回 false。
那么，这种方法有什么问题呢？使用JavaScriptavif检测浏览器对图像的支持的正确方法是什么？
bash仅当另一个命令输出某些内容时，如何才能在或任何其他类似 bash 的 shell中运行命令？
我正在开发一个 API，用于更新工具的缓存存储并将更新后的缓存提交到 GitHub。我想做的是，重建缓存后，我想检查是否git diff HEAD ./path/to/cache输出某些内容，如果输出，那么我想运行git add ./path/to/cache.
不幸的是，这不起作用：
git diff HEAD ./path/to/cache && git add ./path/to/cache
我认为因为第一个命令不会返回false或退出，而是输出一个空字符串或根本不输出任何内容。那么，实现这一目标的正确方法是什么bash？