据说在第三次科技革命之前,互联网的形态就是一个大型的中央数据库,这个数据库就设置在 404 房间里面。那时候所有的请求都是由人工手动完成的,如果在数据库中没有找到请求者所需要的文件,或者由于请求者写错了文件编号,用户就会得到一个返回信息:room 404 : file not found。404 错误信息通常是在目标页面被更改或移除,或客户端输入页面地址错误后显示的页面,人们也就习惯了用 404 作为服务器未找到文件的错误代码了。

这个故事是否真实,我们不得而知,但是 404 页面现在的确成为了客户端在浏览网页时,服务器无法正常提供信息,或是服务器无法回应,且不知道原因所返回的页面。

那么你有看到过这些神奇的 404 页面吗?

Bilibili

Bilibili 作为二次元用户的聚集地,它的 404 页面也充满了二次元风格。主页面是谐音版的“非常抱歉”,下面这是 B 站吉祥物 2233 娘的漫画。

Acfun

A 站虽然被快手收购了,但是幸好 404 界面没有多大的变动,AC 娘还是当年的 AC 娘,A 站却已不是当年的 A 站了。

Google

Google 官网的 404 界面是一个散架的机器人和一行文字标注,创意方面中规中矩,也简洁明了。

淘宝

淘宝的 404 页面是一个“马”和四个小人驾着一辆木马车,可能是想表达马上淘、马上有的意思,可是为什么我直接想到了马云呢?

微博

微博的 404 页面是两个微博小人,一个跑的晕头转向,一个被 UFO 吸走的微博小人,暗喻 404错误。

YouTube

YouTube 的 404 页面是一直表情呆滞猴子,拿着放大镜似乎在寻找些什么。此外 YouTbe 还将搜索栏与 404 页面结合在一起了。

优酷

优酷的 404 页面则是一个迷路的地下隧道挖掘工,脸上带着迷惑。

腾讯 / 网易

腾讯、网易的官方网站都将 404 页面设成了寻找失踪儿童,这里体现了大厂的人情味,也希望所有走丢的孩子都能找到自己的家。

设置独一无二的 404 页面

其实很简单。

又拍云 CDN 上线了“自定义错误页面”功能,针对 CDN 边缘节点返回的错误码以及源站服务器返回的常见 4XX、5XX 状态码进行自定义页面的设计和编辑。不仅可以自定义 404 页面,其他网站问题页面如400、403、414等都可以自定义。

CDN 自定义错误页面功能有着三大优势:

  1. 对源站 / CDN 错误页面进行区分,对错误码统一标准化,CDN 会默认返回 JSON 串形式的页面,方便对问题进行定位,节省故障排查时间;
  2. 高效简洁的自定义错误页面部署方式,有效节省人力与时间成本;
  3. 在网站出现问题后,有趣的错误页面调剂了用户烦躁的心情,从侧面提升了用户体验。

功能开启路径:又拍云 CDN 控制台 > 服务管理 CDN > 功能配置 > 访问控制 > 自定义页面

参考文章:百度百科——404页面

Google、B站……那些神奇的404页面,你看过多少?的更多相关文章

  1. .htaccess文件的详解以及404页面的设置

    打开记事本,写入以下代码: ErrorDocument 404 /404.html保存成.htaccess文件上传到网站的根目录. /404.html是目录名和文件名,可以改成自己的名字.QUOTE: ...

  2. PHP 404页面/如何设置404页面/URL静态化/URL伪静态化

    php中如何设置404页面及其他错误页面 首先在项目根目录下新建文件,文件名为" .htaccess " 在该文件中写入一下配置项: ErrorDocument 404 /404. ...

  3. 一个很NB的404页面

    一个带彩蛋的 404 页面 不得不说这个程序猿很有才 前往404页面 触发方法 按住鼠标左键 在页面中心不停的画圈 就可以进入神奇的地方了

  4. nginx 设置错误的自己定义404页面跳转到500

    5年前写的站, 当时是在apache下写的error page, 换了nginx后, 404页面直接跳到了500 server内部错误. 仅仅须要在配置 try_files 的时候指定一下就能够了 我 ...

  5. thinkphp访问不存在的模块或者方法跳转到404页面

    使用的thinkphp 版本是3.2.0, 在config.php中配置 404地址,即可: 'TMPL_EXCEPTION_FILE' => './Application/Home/View/ ...

  6. 网站设置404页面 --nginx

    有的时候根据域名要先知道用的什么web 服务器 最简单的 http://tool.chinaz.com/pagestatus/  输入域名,看返回的头部信息 用的那个web浏览器 下面的方法也是根据头 ...

  7. JavaWeb 自定义404页面

    本来,Tomcat中自定义404页面不过是在web.xml文件中写4行代码的事情. 直接引用 Tomcat官方FAQ 怎样自定义404页面? 编辑web.xml <error-page> ...

  8. 如何在 Apache 中为你的网站设置404页面

    一个好的网站,拥有一个好的 404页面 是标配. 为何要有 404页面?如何设置一个 404页面? why 404 pages? 在本地,比如我打开 localhost/fuck.htm(该文件不存在 ...

  9. asp.net自定义404页面

    网上有很多方法,不过大体相同,这只是其中一个方法,亲测有效,记录后面可能会有用 1. 先写好一个404页面 404.aspx在项目根目录下 然后在配置文件中添加 <!-- 注意这个模式,redi ...

随机推荐

  1. Python 官方文档解读(2):threading 模块

    使用 Python 可以编写多线程程序,注意,这并不是说程序能在多个 CPU 核上跑.如果你想这么做,可以看看关于 Python 并行计算的,比如官方 Wiki. Python 线程的主要应用场景是一 ...

  2. python第十五天

    什么是模块? 一系列功能的集合 定义模块? 创建一个py文件就是一个模块,该py文件名就是模块名 怎么使用模块? 在要是用的模块文件中通过import 模块名 来导入模块 模块的四种方式? 1.编译执 ...

  3. net core EF 链接mysql 数据库

    这个主要是一个demo.就在一个工程里面写的 安装MySql.Data.EntityFrameworkCore 增加DbContext 相当于程序与数据库的中间层 public class Ident ...

  4. python 字典、列表、字符串 之间的转换

    1.列表与字符串转换 1)列表转字符串: 将列表中的内容拼接成一个字符串 将列表中的值转成字符串 2)字符串转列表: 用eval转换 将字符串每个字符转成列表中的值 将字符串按分割成列表 2.列表与字 ...

  5. hashMap源码学习记录

    hashMap作为java开发面试最常考的一个题目之一,有必要花时间去阅读源码,了解底层实现原理. 首先,让我们看看hashMap这个类有哪些属性 // hashMap初始数组容量 static fi ...

  6. base加密解密工具类

    public class MLDUtil { public static Key DEFAULT_KEY = null; public static final String DEFAULT_SECR ...

  7. Ajax 的异步调用和批量修改

    AJAX的异步调用的分层 有四个jsp页面,在index.jsp页面上 要在dataDiv出显示调用的的数据回显到此处,可以让showStudent2.jsp页面的数据回调到此处,$("#d ...

  8. echarts中的区域缩放组件dataZoom,主动触发选区缩放点击事件

    options设置 toolbox: { // 工具栏 feature: { dataZoom : { // 选时间缩放功能 show : true, // show为true时,才能触发takeGl ...

  9. java用jsoup解析HTML

    步骤 1获取document对象 //方法一 Document doc = Jsoup.connect(网址).get() //方法二 Document doc = Jsoup.parse(html字 ...

  10. angular.uppercase()

    <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...