据说在第三次科技革命之前,互联网的形态就是一个大型的中央数据库,这个数据库就设置在 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. Android进阶:二、从源码角度看透 HandlerThread 和 IntentService 本质

    上篇文章我们讲日志的存储策略的时候用到了HandlerThread,它适合处理"多而小的任务"的耗时任务的时候,避免产生太多线程影响性能,那这个HandlerThread的原理到底 ...

  2. php八种常用函数

    八种常用的数学函数: ①  abs(x):求绝对值 ②  ceil(x),floor(x):向上/下取最接近的整数 ③  cos(x),sin(x),tan(x):三角函数 ④  min(),max( ...

  3. git 的常用命令(未完待补充)

    一.初始化 git git init 这样会默认创建 master 分支 二.查看当前状态 git status  查看 git 的默认状态 三.创建一个文件,并把它添加到 git 仓库,使用 git ...

  4. PBRT笔记(9)——贴图

    采样与抗锯齿 当高分辨率贴图被缩小时,贴图会出现严重的混淆现象.虽然第7章中的非均匀采样技术可以减少这种混叠的视觉影响,但是更好的解决方案是实现基于分辨率进行采样的纹理函数. 可以在使用贴图时先对贴图 ...

  5. pyenv global 设置失败 pyenv local 设置就成功了 不知道啥原因

    dev@PC-20190309QPVT:/mnt/c/data/htdocs/python/flaskr$ pyenv global 3.6.1dev@PC-20190309QPVT:/mnt/c/d ...

  6. banner | what is the "banner" ?

    banner/横幅   获取 banner(横幅) 信息属于信息搜集   因为在 banner 信息中,可以获取到软件开发商.软件名称.服务类型.版本号等   而版本号有时候就会存在公开的 CVE 问 ...

  7. RSP小组——团队冲刺博客六

    RSP小组--团队冲刺博客六 冲刺日期:2018年12月18日 前言 各成员今日(12.18)完成的任务 李闻洲,赵乾宸代码合并 马瑞蕃图形后续支持,编写博客,燃尽图 蒋子行会议记录 各个成员的任务安 ...

  8. console.log

    其实,console.log 不仅仅有一下应用 console.log() 这个应该是最常用的 console.error() 输出错误信息 会以红色显示 console.assert(bool,”i ...

  9. NOIP-接水问题

    题目描述 学校里有一个水房,水房里一共装有m个龙头可供同学们打开水,每个龙头每秒钟的供水量相等,均为1. 现在有n名同学准备接水,他们的初始接水顺序已经确定.将这些同学按接水顺序从1到n编号,i号同学 ...

  10. grafana--邮箱告警配置

    安装 wget https://s3-us-west-2.amazonaws.com/grafana-releases/release/grafana-6.0.2-1.x86_64.rpm yum l ...