本站所有内容仅限用于学习和研究目的,如有侵权请邮件与我们联系处理!
世上事本无难易,为之则易!

网站首页 网站源码 正文

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

曹操 2022-10-01 网站源码 7523 ℃ 83 评论 14418字 free 收藏

一个简单的404页面,看到很多泛目录在用它屏蔽访客。

页面虽然看着简单,但<style>样式超长,现已经过删减,删除本页面中没有实际调用到的代码。

404页面代码:无法显示此页:HTTP ERROR-第1张图片

详细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>



Tags:泛目录

必看说明

  • 本站中所有被研究的素材与信息全部来源于互联网,版权争议与本站无关。
  • 本站文章或仅为文本内容原创,非程序原创。如有侵权、不妥之处,请联系站长第一时间删除。敬请谅解!
  • 本站所有内容严格遵守国家法律的条例,所有研究的算法技术均来源于搜索引擎公开默认允许用户研究使用的接口。
  • 阅读本文及获取资源前,请确保您已充分阅读并理解《访问曹操SEO网站需知:行为准则》。
  • 本站分享的任何工具、程序仅供学习参考编写架构,仅可在本地的虚拟机内断网测试,严禁联网运行或上传搭建!
  • 任何资源必须在下载后24个小时内,从电脑中彻底删除。不得传播或者用于其他任何用途!否则一切后果用户自负!
  • 转载请注明 : 文章转载自  站群程序 404页面代码:无法显示此页:HTTP ERROR
  • 本文标题:《404页面代码:无法显示此页:HTTP ERROR》
  • 本文链接:http://www.zqcx.cn/1804.html

已有83位网友发表了看法:

欢迎 发表评论:

网站分类
近期评论
文章归档
标签列表
站点信息
  • 文章总数:2024
  • 页面总数:7
  • 分类总数:46
  • 标签总数:339
  • 评论总数:9367
  • 浏览总数:5890750