-
class使用基于Cookie-Free域名加载CSS时，解决字体文件无法加载的问题 了解onenav Apache2网站安装开通https协议SSL证书 一个使用CSS/HTML将图像自适应屏幕的示例 使用favinavi网络收藏夹分享功能提高工作效率一例 Applebot是什么？ CSS3+SVG实现的带音效、会抖动的小铃铛图标特效 明明做好了301跳转，为什么某些搜索引擎就是不来收录新站？ 使用Goodsync同步工具遭遇无法解决冲突的状况一例 More...All tagskeyboard_arrow_down
-
folderCSSkeyboard_arrow_down
CSS背景图片分割之大图小用 无法明确指定大图的宽度width和height时，如何避免累计布局位移CLS? 使用CSS让大背景图片适应不同大小屏幕又一例 一个使用CSS/HTML将图像自适应屏幕的示例 网页图片CSS进阶篇——优化图片，提升网页加载速度 CSS学习笔记：flex布局做出元素两端对齐效果 CSS学习心得：多行文本两端对齐，同时溢出部分自动截断并添加省略号... MDUI前端框架，表格头position: sticky无效的问题 几种CSS字体描边和阴影效果 CSS3特效“喜欢/Like”动态按钮，一颗会跳动的心脏 More...
-
folderHTMLkeyboard_arrow_down
了解onenav 无法明确指定大图的宽度width和height时，如何避免累计布局位移CLS? 关于网页上的复选框checkbox的checked和value的问题 使用CSS让大背景图片适应不同大小屏幕又一例 一个使用CSS/HTML将图像自适应屏幕的示例 CSS3+SVG实现的带音效、会抖动的小铃铛图标特效 CSS3 一款漂亮的带渐变背景和关闭按钮的卡片头样式 HTML5时代，使用同一个背景图片的多个链接自动适配不同屏幕宽度的一种方法 css实现图标或图片等元素镜像翻转（水平镜像、垂直镜像） CSS实现倾斜绶带式45°标签 More...
-
folderjavascriptkeyboard_arrow_down
javascript捕获缺省的组合快捷键，比如CTRL+F 关于网页上的复选框checkbox的checked和value的问题 自用小工具：正则表达式测试是否能匹配字符串 CSS3+SVG实现的带音效、会抖动的小铃铛图标特效 php/javascript的一些关于时间处理的函数 更全面匹配UTF-8中文汉字的正则表达式 https协议下javascript复制内容到剪贴板
-
folderPHP/Otherkeyboard_arrow_down
我的酱香之路 A PHP method for determining whether a browser supports AVIF images php判断浏览器是否支持avif格式图片的一种方法 统计搜索引擎对网站地图文件或robots.txt的访问记录的一种方法 网站的页面访问量以及搜索引擎爬虫访问量的统计方法 网络收藏夹网站开发过程中PHP正则表达式忘记使用非贪婪模式带来的一次教训 Apache2网站安装开通https协议SSL证书 php/javascript的一些关于时间处理的函数 更全面匹配UTF-8中文汉字的正则表达式 Ubuntu 22.04 live server更换亚马逊AWS的更新源 More...
-
folderITkeyboard_arrow_down
家用服务器proxmox 7.3开启samba共享目录 你的网站会有不请自来的访客吗？ 网站开发测试环境启用https，使用自签发ssl证书不是个好主意 搭建家庭用服务器全套攻略，300元一台小主机全部搞定 mysql8开启主从同步注意事项，否则会动不动就出错停止 使用基于Cookie-Free域名加载CSS时，解决字体文件无法加载的问题 Applebot是什么？ win11安装跳过TPM2.0和安全启动检查的方法 网络收藏夹的正确打开方式是怎样的？ favinavi网络收藏夹Ver 2.0开发笔记之更精细适配各类屏幕 More...
php判断浏览器是否支持avif格式图片的一种方法
最新一代图片压缩格式avif非常好，图片缩小体积效果十分明显，各大公司的新版浏览器已经纷纷支持。
可是，可是！微软的edge到目前为止（2023-06）还没有支持avif，只支持webp，那么怎么办呢？
直接判断浏览器是否是edge并不可取，因为不支持avif的浏览器不止它一种，比较科学而省事的做法是判断浏览器请求头里的accept是否接受avif.
下面以php为例：
<?php
$AVIF=(preg_match("/image\/avif/",$_SERVER['HTTP_ACCEPT']))?true:false;
$WEBP=(preg_match("/image\/webp/",$_SERVER['HTTP_ACCEPT']))?true:false;
?>浏览器请求头里，如果接受avif或webp图片，会带有“image/avif, image/webp”字样，这样，让浏览器自己告诉我们它是否支持某种图片格式是比较科学的。
有了判断，你就知道该怎么做了。
你可以在这个页面找到实际使用的例子，如果浏览器支持avif图片，那么页面上第一张大的图片的格式就会是avif；如果是微软的edge等不支持avif格式图片的浏览器，那么就会用webp格式图片替代。
visibility 2657
-
subject win11安装跳过TPM2.0和安全启动检查的方法
为了在一些相对老旧的机器上安装windows 11，我们需要跳过win11安装程序中的TPM2.0检查，方法如下： 进入安装界面后，按Shift+F10打开命...
-
subject 统计搜索引擎对网站地图文件或robots.txt的访问记录的一种方法
一般而言，各大搜索引擎都允许提交网站地图，例如网站根目录下的“sitemap.xml”文件，是xml格式的文本文件。当提交了网站地图后，搜索引擎蜘蛛来访时，可能...
-
subject CSS实现在普通可滚动容器元素内的类似position:fixed悬浮固定按钮效果
有时候，我们需要在某个可滚动（scroll）的元素内实现悬浮固定按钮效果，按钮不能随着鼠标滚动而变化。在全可视窗口实现这个效果（比如顶部的悬浮菜单）比较简单，只...
-
subject 对比一下几个中文网络收藏夹的实用性之手机适配篇
手机满天下的时代，一个网站还好不好用，能否在手机上得到良好浏览体验非常关键了。 最近几天自己重点关注了一下自己的favinavi网站页面的屏幕自适应效果，优化...
-
subject CSS3 一款漂亮的带渐变背景和关闭按钮的卡片头样式
使用css: linear-gradient来实现线性颜色渐变背景，效果见下图： [img] 点击“演示”按钮可以查看效果。
-
subject 如何获得高质量网站的外部链接
问了一下chatGPT这个问题，以下是它的回答，供大家参考： 获得高质量网站的外部链接是一个需要耐心和投入的过程，以下是几种获得高质量外部链接的方法： 1、...
Post a comment