Google、B站……那些神奇的404页面,你看过多少?
据说在第三次科技革命之前,互联网的形态就是一个大型的中央数据库,这个数据库就设置在 404 房间里面。那时候所有的请求都是由人工手动完成的,如果在数据库中没有找到请求者所需要的文件,或者由于请求者写错了文件编号,用户就会得到一个返回信息:room 404 : file not found。404 错误信息通常是在目标页面被更改或移除,或客户端输入页面地址错误后显示的页面,人们也就习惯了用 404 作为服务器未找到文件的错误代码了。
这个故事是否真实,我们不得而知,但是 404 页面现在的确成为了客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应,且不知道原因所返回的页面。
那么你有看到过这些神奇的 404 页面吗?
Bilibili
Bilibili 作为二次元用户的聚集地,它的 404 页面也充满了二次元风格。主页面是谐音版的“非常抱歉”,下面这是 B 站吉祥物 2233 娘的漫画。
Acfun
A 站虽然被快手收购了,但是幸好 404 界面没有多大的变动,AC 娘还是当年的 AC 娘,A 站却已不是当年的 A 站了。
Google 官网的 404 界面是一个散架的机器人和一行文字标注,创意方面中规中矩,也简洁明了。
淘宝
淘宝的 404 页面是一个“马”和四个小人驾着一辆木马车,可能是想表达马上淘、马上有的意思,可是为什么我直接想到了马云呢?
微博
微博的 404 页面是两个微博小人,一个跑的晕头转向,一个被 UFO 吸走的微博小人,暗喻 404错误。
YouTube
YouTube 的 404 页面是一直表情呆滞猴子,拿着放大镜似乎在寻找些什么。此外 YouTbe 还将搜索栏与 404 页面结合在一起了。
优酷
优酷的 404 页面则是一个迷路的地下隧道挖掘工,脸上带着迷惑。
腾讯 / 网易
腾讯、网易的官方网站都将 404 页面设成了寻找失踪儿童,这里体现了大厂的人情味,也希望所有走丢的孩子都能找到自己的家。
设置独一无二的 404 页面
其实很简单。
又拍云 CDN 上线了“自定义错误页面”功能 ,针对 CDN 边缘节点返回的错误码以及源站服务器返回的常见 4XX、5XX 状态码进行自定义页面的设计和编辑。不仅可以自定义 404 页面,其他网站问题页面如400、403、414等都可以自定义。
CDN 自定义错误页面功能有着三大优势:
- 对源站 / CDN 错误页面进行区分,对错误码统一标准化,CDN 会默认返回 JSON 串形式的页面,方便对问题进行定位,节省故障排查时间;
- 高效简洁的自定义错误页面部署方式,有效节省人力与时间成本;
- 在网站出现问题后,有趣的错误页面调剂了用户烦躁的心情,从侧面提升了用户体验。
功能开启路径: 又拍云 CDN 控制台 > 服务管理 CDN > 功能配置 > 访问控制 > 自定义页面
参考文章:百度百科——404页面
想学习更多Android知识,或者获取相关资料请加入Android技术开发交流2群:935654177。本群可免费获取Gradle,RxJava,小程序,Hybrid,移动架构,NDK,React Native,性能优化等技术教程!
- Google、B站……那些神奇的404页面,你看过多少?
- Google推出404页面工具
- Google新服务在404页面提供网址推荐和搜索框
- Google推出404页面工具
- Google增强型 404 页面
- Google产品中的那些搞笑提示
- iframe跨域访问cookie问题, A站iframe引用其它站(B站)的内容时,B站的页面获取不到B站种下的Cookies。
- 定制404、500页面
- SEO 2009 Google优化排名之页面优化的链接因素
- nginx配置https之后只有首页能访问,其他页面404
- web.xml中配置404等错误页面
- angular ng build打包后路径错误导致页面404
- angular4.0项目build发布后,刷新页面报错404
- 有一个虚拟存储系统,若进程在内存中占3页(开始时内存为空),若采用先进先出(FIFO)页面淘汰算法,当执行如下访问页号序列后1,2,3,4,5, 1,2,5,1,2,3,4,5,会发生多少缺页?
- 对于web api 从页面post数据到web api,如果用ajax,则可以成功上传到服务器,需要一个类来存储那些变量
- js控制显示多少秒后跳转到另一个页面
- nginx 区分pc和mobile 到不同的404页面
- 自定义nginx 404 页面返回404 状态码 (非200)
- 分享30个独特的 404 错误页面设计模板
- ssm整合之七 事务以及404页面处理