EP主机 - 日常维护(一) - 自定义错误页

页面未找到就提示页面跑丢了?没关系,自定义错误页可以友好地告诉用户页面不存在,而不至于是无法访问网页!
阅读完此教程,您将学会:

  • 如何自定义错误页(全局)

方式:
将脚本放置在自己的主机里,随时随心调用,高度自由

调用方式: 直接访问(即GET)
调用示例: https://yourdomain.com/somefile.php?code=404&title=404 - 页面未找到&desc=Error code: 404&sec=5&to=https://yourdomain.com/index.php
参数说明:

  • code:错误代码(位置看效果图)
  • title:提示信息大字(位置看效果图)
  • desc:提示信息小字(位置看效果图)
  • sec:跳转秒数
  • to:跳转链接

设置方式:


调用效果图 及 参数位置对照:

(5秒倒计时结束后,你将会被重定向到yourdomain.com

脚本源代码(PHP):

<?php
/** CODED BY JONJS **/

$code = $_GET["code"]; //错误代码
$title = $_GET["title"]; //提示_大字
$desc = $_GET["desc"]; //提示_小字
$sec = $_GET["sec"]; //跳转秒数
$to = $_GET["to"]; //跳转链接

/**
    GET示例:
    http://url/errorPage.php?code=404&title=404-页面未找到&desc=抱歉,您访问的页面未找到&sec=5&to=https://aoaoao.bid/index.php
**/

$TEXT = '
<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>'.$code.'</title>

    <meta http-equiv="refresh" content="'.$sec.';url='.$to.'">
    <style type="text/css">
    body {
        color: #444444;
        background-color: #2166b4;
        font-family: "微软雅黑", sans-serif;
        font-size: 80%;
    }
    h1 { font-size: 21px; }
    h2 { font-size: 15px; }
    #page{
        background-color: #2166b4;
        width: 60%;
        margin: 24px auto;
        padding: 12px;
        margin-top: 100px;
    }
    #header {
        padding: 6px ;
        text-align: left;
        font-size: 100px;
    }
    .status3xx { background-color: #2166b4; color: #FFFFFF; }
    .status4xx { background-color: #2166b4; color: #FFFFFF; }
    .status5xx { background-color: #2166b4; color: #000000; }
    #content {
        padding: 4px 0 24px 0;
        color: #FFFFFF;
    }
    #content a {
        color: #FFFFFF;
    }
    #footer {
        color: #666666;
        background: #2166b4;
        padding: 10px 20px;
        border-top: 5px #2166b4 solid;
        font-size: 0.8em;
        text-align: center;
    }
    #footer a {
        color: #FFFFFF;
    }
    </style>
<style>html, * {-webkit-user-select:text!important; -moz-user-select:text!important;}</style></head>
<body>
    <div id="page">
        <div id="header" class="status4xx">
        '.$title.'
        </div>
        <div id="content">
            <h1>即将返回主页 ( <span id="second">'.$sec.'</span> Sec
            <script type="text/javascript">
                var o=document.getElementById("second");
                window.setInterval("o.innerHTML=parseInt(o.innerHTML)-1;",1000);
            </script> )</h1>
            <h2>'.$desc.'</h2>
        </div>
    </div>
</body>
</html>
';

if($code && $title && $desc && $sec && $to) {
    echo $TEXT;
} else {
    echo "未知来源";
}

放入您的主机内,然后仿照调用示例进行调用和设置!