404页面代码：无法显示此页:HTTP ERROR

作者：大公子时间：23-05-18 阅读数：268人阅读
一个简单的404页面，看到很多泛目录在用它屏蔽访客。
页面虽然看着简单，但<style>样式超长，现已经过删减，删除本页面中没有实际调用到的代码。
详细404页面代码如下：
<!doctype html>
<html>
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<title>网页无法访问</title>
<style>
html[subframe] #main-frame-error {
  display: none;
}

html:not([subframe]) #sub-frame-error {
  display: none;
}

#diagnose-button {
  margin-left: 0px;
  float: none;
  margin-bottom: 10px;
  margin-top: 20px;
  display: none;
}

h1 {
  margin-top: 0;
}

h2 {
  color: #666;
  font-size: 1.2em;
  font-weight: normal;
  margin: 10px 0;
}

a {
  color: rgb(17, 85, 204);
  text-decoration: none;
}

input::-ms-clear{
	display:none;
}
.error-code {
  display: block;
}

#content-top {
  margin: 20px;
}

#help-box-inner {
  background-color: #f9f9f9;
  border-top: 1px solid #EEE;
  color: #444;
  padding: 20px;
  text-align: start;
}

.hidden {
  display: none;
}

#suggestion {
  margin-top: 15px;
}

#short-suggestion {
  margin-top: 5px;
}

#sub-frame-error-details {
  color: #8F8F8F;
text-shadow: 0 1px 0 rgba(255,255,255,0.3);
}

[jscontent=failedUrl] {
  overflow-wrap: break-word;
}

#search-container {
  display: flex;
  margin-top: 20px;
}

#search-box {
  border: 1px solid #cdcdcd;
  /*flex-grow: 1;*/
  font-size: 16px;
  height: 26px;
  margin-right: 0;
  padding: 1px 9px;
}

#search-box:focus {
  border: 1px solid rgb(93, 154, 255);
  outline: none;
}
#search-button {
  border: none;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  box-shadow: none;
  display: flex;
  height: 30px;
  margin: 0;
  padding: 0;
  width: 60px;
}

.suggestions {
  margin-top: 18px;
}

.suggestion-header {
  font-weight: bold;
  margin-bottom: 4px;
}

.suggestion-body {
  color: #777;
}


html[subframe] body {
  overflow: hidden;
}

#sub-frame-error:hover {
  background-color: #EEE;
}

#sub-frame-error .icon-generic {
  margin: 0 0 16px;
}

#sub-frame-error-details {
  margin: 0 10px;
  text-align: center;
  visibility: hidden;
}


#sub-frame-error:hover #sub-frame-error-details {
  visibility: visible;
}

#details-button {
  box-shadow: none;
  min-width: 0;
}

.interstitial-wrapper {
  color: #2b2b2b;
  font-size: 1em;
  line-height: 1.55;
  margin: 0 auto;
  max-width: 600px;
  padding-top: 100px;
  width: 100%;
}

.runner-container {
  height: 150px;
  max-width: 600px;
  overflow: hidden;
  position: absolute;
  top: 35px;
  width: 44px;
}

.runner-canvas {
  height: 150px;
  max-width: 600px;
  opacity: 1;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 2;
}

.controller {
  background: rgba(247,247,247, .1);
  height: 100vh;
  left: 0;
  position: absolute;
  top: 0;
  width: 100vw;
  z-index: 1;
}

#offline-resources {
  display: none;
}

body {
  background-color: #fff;
}


#err_icon {
  width: 100%;
  height: 100px;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: 100px 100px;
}


.err_icon_normal {
  text-align: center;
}


#main-frame-error {
  margin-bottom: 100px;
}

#main-message {
  margin-top: 50px;
  text-align: center;
  line-height: 1;
}

#main-message .error-title {
  color: rgba(0,0,0,0.9);
  font-size: 32px;
}

#main-message .error-code {
  font-size: 12px;
  color: #000;
  opacity: 0.6;
  margin-top: 26px;
}

#short-message {
  text-align: center;
  line-height: 1;
  margin-top: 20px;
}

#details-button {
  color: #0088ff;
  text-decoration: none;
  padding: 0px;
  cursor: pointer;
}

#short-message span {
  color: rgba(0,0,0,0.8);
  font-size: 12px;
  margin-right: 15px;
  line-height: 20px;
}

#control-buttons {
  text-align: center;
}

button {
  float: none;
  width: 125px;
  height: 36px;
  border: 0;
  border-radius: 0px;
  box-sizing: border-box;
  color: #fff;
  cursor: pointer;
  font-size: 14px;
  padding: 0px;
  transition: none;
  outline: none;
  font-family: "Microsoft Yahei";
}

#buttons {
  margin-top: 24px;
  padding: 0px;
}

#reload-button {
  border: solid 1px rgba(0,0,0,0.1);
  color: rgb(255,255,255);
  display: inline !important;
  background-color:rgb(60,162,236);
}

#reload-button:hover {
  box-shadow: none;
  filter: brightness(1.1);
}

#reload-button:active {
  box-shadow: none;
  filter: brightness(1.2);
}

#daohang-button {
  margin-left: 15px;
  border: solid 1px rgba(0,0,0,0.1);
  color: rgb(255,255,255);
  display: inline !important;
  background-color:rgb(60,162,236);
}

#daohang-button:hover {
  border: solid 1px rgba(0,0,0,0.2);
  box-shadow: none;
}

#daohang-button:active {
  border: solid 1px rgba(0,0,0,0.2);
  background: rgba(0,0,0,0.03);
  box-shadow: none;
}

#detail {
  margin: 0px;
}

#sogou-search {
  width: 600px;
  margin: 100px auto 0px auto;
}

#search-result {
  overflow: hidden;
  margin-left: -160px;
}


#sogou-search iframe {
  width: 600px;
  margin-top: -90px;
  border: none;
  padding: 0 0 0 0;
  overflow: hidden;
  height: 1561px;
  z-index: 1;
}

#input-area {
  width: 600px;
  margin: 0px auto;
  position: relative;
}

#search-input {
  width: 470px;
  height: 2.25em;
  line-height: 2.25em;
  border: 0px;
  font-size: 15px;
  padding: 0 90px 0 40px;
  margin: 0px;
  background: 0px 0px rgba(0, 0, 0, 0.06);
  border-radius: 4px;
  color: rgba(0, 0, 0, 1);
  appearance: none;
  outline: 0;
}

.search-btn-icon {
	position: absolute;
	right: 2px;
	top: 6px;
}


#handle-error-div{
    text-align: center;
    width: 100%;
    margin-top: 42px;
}

#handle-error-text{
  font-size: 14px;
  color: #000;
  margin-right: 14px;
}
#handle-error-button{
  color: #0083e3;
  cursor: pointer;
}

.error-advice #main-frame-error{
  margin-bottom: 33px;
}
.error-advice #sogou-search{
  margin-top: 33px;
}</style>
</head>
<body id="t" style="font-family: 'Segoe UI',Arial,'Microsoft Yahei',sans-serif; font-size: 75%;">
  <div id="main-frame-error" class="interstitial-wrapper">
    <div id="main-content">
      <div id="err_icon" class="err_icon_normal">
        <img src="https://tva1.sinaimg.cn/mw690/0072Lfvtly1fz1qi7mp74j304l04lweg.jpg" width="100" height="100" /></div>
      <div id="main-message">
        <h1></h1>
        <div class="error-title" id="error-title">无法显示此网页</div>
        <p>
        </p>
        <div class="error-code" id="error-code">错误代码： HTTP ERROR -2146697211</div></div>
    </div>
    <div id="short-message" class="hidden">
      <span></span>
      <a id="details-button" class="text-button small-link" onclick="detailsButtonClick(); toggleHelpBox()">查看详情</a></div>
    <div id="details" class="hidden">
      <div jsselect="summary">
        <span jsvalues=".innerHTML:msg"></span>
      </div>
      <div class="suggestions" jsselect="suggestions">
        <div class="suggestion-header" jsvalues=".innerHTML:header"></div>
        <div class="suggestion-body" jsvalues=".innerHTML:body"></div>
      </div>
      <button class="text-button" id="diagnose-button" onclick="diagnoseErrors()" jscontent="diagnose" jsdisplay="diagnose"></button>
      <div id="diagnose-frame" class="hidden"></div>
      <form class="suggestions" jsdisplay="searchUrl" jsvalues=".url:searchUrl; .trackingId:searchTrackingId" onsubmit="trackClick(this.trackingId); return search(this.url);">
        <div class="suggestion-header" jscontent="searchHeader"></div>
        <div id="search-container">
          <input type="text" name="q" id="search-box" jsvalues=".value:searchTerms" />
          <button type="submit" id="search-button" class="blue-button" jsvalues="aria-label:searchHeader">
            <img id="search-image"></button>
        </div>
      </form>
    </div>
    <div id="buttons" class="nav-wrapper">
      <div id="control-buttons">
        <button id="reload-button" class="blue-button text-button" onclick="reloadButtonClick();">刷新</button>
        <button id="daohang-button" class="blue-button text-button" onclick="daohangButtonClick()">安全上网</button></div>
    </div>
    <div id="sogou-search" class="sogou-search">
      <div id="search-result" class="search-result"></div>
    </div></div>
</body>
</html>
上一篇：万能CMS自动配图插件及教程
下一篇：Emojimix是什么
404页面代码：无法显示此页:HTTP ERROR

相关文章
