文章
文章用户商铺文档快讯圈子网址导航

自用好看高级的404页面源码

自用好看高级的404页面源码
自用好看高级的404页面源码
  1. <!DOCTYPE html>
  2. <html lang=“zh-CN”>
  3. <head>
  4. <meta charset=“UTF-8”>
  5. <meta name=“viewport” content=“width=device-width,initial-scale=1.0”>
  6. <title>404 Not Found</title>
  7. <style>
  8. *{margin:0;padding:0;box-sizing:border-box;font-family:Consolas,“Microsoft YaHei”,monospace;}
  9. body{background:#1e1e1e;color:#d4d4d3;display:flex;height:100vh;overflow:hidden;}
  11. .editor-container{flex:1;display:flex;flex-direction:column;}
  12. .tab-bar{height:35px;background:#2d2d2d;padding:0 10px;display:flex;align-items:center;border-bottom:1px solid #1a1a1a;}
  13. .tab{padding:0 12px;height:100%;display:flex;align-items:center;font-size:13px;color:#858585;}
  14. .tab.active{background:#1e1e1e;color:#fff;}
  16. .editor{flex:1;padding:10px;display:flex;overflow:hidden;}
  17. .line-numbers{color:#858585;padding-right:12px;text-align:right;user-select:none;min-width:40px;line-height:1.6;}
  18. .code-content{line-height:1.6;font-size:14px;white-space:pre;overflow:hidden;}
  20. .cm-comment{color:#6A9955;}
  21. .cm-keyword{color:#569CD6;}
  22. .cm-type{color:#4EC9B0;}
  23. .cm-string{color:#CE9178;}
  24. .cm-number{color:#B5CEA8;}
  25. .cm-operator{color:#D4D4D4;}
  27. .sidebar{width:340px;background:#252526;border-left:1px solid #1a1a1a;display:flex;flex-direction:column;}
  28. .sidebar-header{height:35px;padding:0 10px;display:flex;align-items:center;color:#ccc;border-bottom:1px solid #1a1a1a;font-size:13px;}
  29. .sidebar-content{flex:1;padding:10px;overflow:hidden;font-size:13px;}
  30. .solution-item{padding:3px 0;}
  31. .indent1{padding-left:16px;}
  32. .indent2{padding-left:32px;}
  33. .indent3{padding-left:48px;}
  34. .active{background:#094771;color:#fff;}
  36. #hackModal{
  37. position:fixed;inset:0;background:#000;color:#0f0;font-size:46px;font-weight:bold;
  38. display:flex;align-items:center;justify-content:center;flex-direction:column;
  39. z-index:9999;display:none;text-align:center;line-height:1.8;
  40. }
  41. .flash{animation:flash 0.15s infinite alternate;}
  42. @keyframes flash{
  43. 0%{background:#000;color:#0f0;}
  44. 100%{background:#ff0000;color:#fff;}
  45. }
  46. </style>
  47. </head>
  48. <body>
  50. <div class=“editor-container”>
  51.   <div class=“tab-bar”>
  52.     <div class=“tab active”>RequestManager.cs</div>
  53.   </div>
  54.   <div class=“editor”>
  55.     <div class=“line-numbers”>1<br>2<br>3<br>4<br>5<br>6<br>7<br>8<br>9<br>10<br>11<br>12<br>13<br>14<br>15<br>16<br>17<br>18<br>19<br>20<br>21<br>22<br>23<br>24<br>25<br>26<br>27<br>28<br>29<br>30<br>31<br>32<br>33<br>34<br>35<br>36<br>37<br>38<br>39<br>40<br>41<br>42<br>43<br>44<br>45</div>
  56.     <div class=“code-content” id=“code”></div>
  57.   </div>
  58. </div>
  60. <div class=“sidebar”>
  61.   <div class=“sidebar-header”>解决方案资源管理器</div>
  62.   <div class=“sidebar-content”>
  63.     <div class=“solution-item indent1”>▶ 解决方案 WebErrorSystem (1 个项目)</div>
  64.     <div class=“solution-item indent1”>▼ WebErrorSystem</div>
  65.     <div class=“solution-item indent2”>▼ Properties</div>
  66.     <div class=“solution-item indent3”>AssemblyInfo.cs</div>
  67.     <div class=“solution-item indent3”>Resources.resx</div>
  68.     <div class=“solution-item indent3”>Settings.settings</div>
  69.     <div class=“solution-item indent2”>▼ References</div>
  70.     <div class=“solution-item indent3”>System.Net</div>
  71.     <div class=“solution-item indent3”>System.Core</div>
  72.     <div class=“solution-item indent3”>System.Web</div>
  73.     <div class=“solution-item indent2”>▼ Network</div>
  74.     <div class=“solution-item indent3 active”>RequestManager.cs</div>
  75.     <div class=“solution-item indent3”>HttpHelper.cs</div>
  76.     <div class=“solution-item indent3”>ResponseParser.cs</div>
  77.     <div class=“solution-item indent3”>NetConfig.cs</div>
  78.     <div class=“solution-item indent2”>▼ Models</div>
  79.     <div class=“solution-item indent3”>ApiResult.cs</div>
  80.     <div class=“solution-item indent3”>ErrorInfo.cs</div>
  81.     <div class=“solution-item indent2”>▼ Utils</div>
  82.     <div class=“solution-item indent3”>LogHelper.cs</div>
  83.     <div class=“solution-item indent3”>JsonUtil.cs</div>
  84.     <div class=“solution-item indent2”>App.config</div>
  85.     <div class=“solution-item indent2”>Program.cs</div>
  86.     <div class=“solution-item indent2”>WebErrorSystem.csproj</div>
  87.   </div>
  89.   <div class=“sidebar-header”>属性</div>
  90.   <div class=“sidebar-content”>
  91.     <div class=“solution-item”><b>文件属性</b></div>
  92.     <div class=“solution-item”>文件名: RequestManager.cs</div>
  93.     <div class=“solution-item”>完整路径: D:\Projects\WebErrorSystem\Network\</div>
  94.     <div class=“solution-item”>文件大小: 5.87 KB</div>
  95.     <div class=“solution-item”>创建时间: 2026-03-10 10:25:33</div>
  96.     <div class=“solution-item”>修改时间: 2026-03-10 11:12:49</div>
  97.     <div class=“solution-item”>访问时间: 2026-03-10 11:12:49</div>
  98.     <div class=“solution-item”>只读: 否</div>
  99.     <div class=“solution-item”>隐藏: 否</div>
  100.     <div style=“height:10px;”></div>
  101.     <div class=“solution-item”><b>高级属性</b></div>
  102.     <div class=“solution-item”>生成操作: 编译</div>
  103.     <div class=“solution-item”>复制到输出目录: 不复制</div>
  104.     <div class=“solution-item”>自定义工具: 无</div>
  105.     <div class=“solution-item”>文件格式: UTF-8</div>
  106.     <div style=“height:10px;”></div>
  107.     <div class=“solution-item”><b>代码属性</b></div>
  108.     <div class=“solution-item”>命名空间: WebErrorSystem.Network</div>
  109.     <div class=“solution-item”>类名: RequestManager</div>
  110.     <div class=“solution-item”>行数: 89</div>
  111.     <div class=“solution-item”>错误计数: 3</div>
  112.     <div class=“solution-item”>警告计数: 0</div>
  113.   </div>
  114. </div>
  116. <div id=“hackModal”>
  117. ⚠️ 网页无法打开 ⚠️
  118. <br>
  119. 目标服务器拒绝连接
  120. <br>
  121. 请求超时 · 主机不可达
  122. <br><br>
  123. 404 Not Found
  124. </div>
  126. <script>
  127. const code = `// 尝试打开目标网页
  128. try {
  129.     string url = “http://liuxingxiaowu.top/”;
  130.     HttpWebRequest request = (HttpWebRequest)WebRequest.Create(url);
  131.     request.Timeout = 3000;
  132.     request.Method = “GET”;
  133.    
  134.     // 尝试获取响应
  135.     using (HttpWebResponse response = (HttpWebResponse)request.GetResponse()) {
  136.         if (response.StatusCode != HttpStatusCode.OK) {
  137.             throw new WebException(“网页打开失败”);
  138.         }
  139.     }
  140. }
  141. catch (WebException) {
  142.     // 服务器无响应 / 网页无法访问
  143.     Environment.FailFast(“致命错误：网络连接失败，目标主机不可达”);
  144. }`;
  146. const codeEl = document.getElementById(“code”);
  147. let i = 0;
  149. function type() {
  150.   if (i < code.length) {
  151.     let txt = code.slice(0, i + 1);
  152.     codeEl.innerHTML = highlight(txt);
  153.     i++;
  154.     setTimeout(type, 40);
  155.   } else {
  156.     let modal = document.getElementById(“hackModal”);
  157.     modal.style.display = “flex”;
  158.     modal.classList.add(“flash”);
  159.   }
  160. }
  162. function highlight(text) {
  163.   return text
  164.     .replace(/&/g, “&amp;”).replace(/</g, “&lt;”).replace(/>/g, “&gt;”)
  165.     .replace(/ /g, “&nbsp;”)
  166.     .replace(/\/\/.*/g, m => `<span class=cm-comment>${m}</span>`)
  167.     .replace(/”.*?”/g, m => `<span class=cm-string>${m}</span>`)
  168.     .replace(/\b(try|catch|string|if|throw|using)\b/g, m => `<span class=cm-keyword>${m}</span>`)
  169.     .replace(/\b(HttpWebRequest|WebRequest|Create|HttpWebResponse|GetResponse|HttpStatusCode|WebException|Environment|FailFast)\b/g, m => `<span class=cm-type>${m}</span>`)
  170.     .replace(/\d+/g, m => `<span class=cm-number>${m}</span>`);
  171. }
  173. window.onload = type;
  174. </script>
  175. </body>
  176. </html>
复制代码
【版权声明】：服务器导航网所有内容均来自网络和部分原创，若无意侵犯到您的权利，请及时与联系 QQ 2232175042，将在48小时内删除相关内容!!

给TA服务器
共{{data.count}}人
人已服务器
技术教程

OpenClaw龙虾实用指南 (安装包+教程)

2026-3-13 1:52:06

技术教程

Java从入门到实战，学技术开发的看看吧

2026-3-13 1:53:50

0 条回复 A文章作者 M管理员
    暂无讨论，说说你的看法吧
❯

解锁会员权限

开通会员

解锁海量优质VIP资源

立刻开通
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索

  • 扫码打开当前页

返回顶部