/page/debug/elements.html : 所有元素
行级类

以下包含一长串的废话,是我用来测试行级元素的,不想看可以跳过(这是内部链接。我总是喜欢在开发前端时,听悠闲的纯音乐和电音,特别是Tobu徐梦圆,我认为这可以让我感到不无聊提高我的效率。我没有查看MDN文档(这是外部链接的习惯,因为我已经习惯了问AI,我常使用DeepSeekChatGPT。但是AI也会出错,所以我会在插入AI给的代码之前仔细检查(实际上也没有多仔细)。我是“<div>仙人”,就连最基础的页面框架也是用的<div>不信你可以打开开发者工具看看,发明天才的人真是一个<div>啊,什么语义化HTML,都滚一边去[doge]

普通文本,粗体文本斜体文本删除线文本下划线文本内部链接外部链接Code text高亮文本标签文本黄色标签绿色标签红色标签蓝色标签

  • 无序列表项1
  • 无序列表项2
  • 无序列表项3
    • 嵌套1
    • 嵌套2
    • 嵌套3
    • 嵌套4
  • 无序列表项4

组件类
容器类
标签文本普通框

这是一段测试文本

普通斜线框

这是一段测试文本

蓝色框

这是一段测试文本

蓝色斜线框

这是一段测试文本

CSS
<!DOCTYPE HTML>
<html>
<head>
  <title>Test Page</title>
  <meta charset="UTF-8">
</head>
<body>
  <h1 data-test="title">Hello World</h1>
  <button onclick="alert('Clicked!')">Click me</button>
</body>
</html>
CSS
@media (max-width: 768px) {
  .container {
    --main-color: #ff0000;
    display: flex;
    flex-direction: column;
  }

  #special::after {
    content: "▶";
    color: hsl(120deg 100% 50%);
  }
}
JS
function debounce(fn, delay = 300) {
  let timer;
  return (...args) => {
    clearTimeout(timer);
    timer = setTimeout(() => {
      fn.apply(this, args);
    }, delay);
  };
}

const PI = 3.1415926;
const data = [1, 2, 3].map(n => n * 2);
plaintext
  __   __                       ___                    ____                                   __                      
 /\ \ /\ \  __                 /\_ \                  /\  _`\              __                /\ \__                   
 \ `\`\/'/'/\_\     __      ___\//\ \    __  __    ___\ \ \L\_\___   __  _/\_\    ___      __\ \ ,_\   ___     ___    
  `\/ > <  \/\ \  /'__`\   / __`\\ \ \  /\ \/\ \  / __`\ \  _\/ __`\/\ \/'\/\ \ /' _ `\  /'_ `\ \ \/  / __`\ /' _ `\  
     \/'/\`\\ \ \/\ \L\.\_/\ \L\ \\_\ \_\ \ \_\ \/\ \L\ \ \ \/\ \L\ \/>  </\ \ \/\ \/\ \/\ \L\ \ \ \_/\ \L\ \/\ \/\ \ 
     /\_\\ \_\ \_\ \__/.\_\ \____//\____\\ \____/\ \____/\ \_\ \____//\_/\_\\ \_\ \_\ \_\ \____ \ \__\ \____/\ \_\ \_\
     \/_/ \/_/\/_/\/__/\/_/\/___/ \/____/ \/___/  \/___/  \/_/\/___/ \//\/_/ \/_/\/_/\/_/\/___L\ \/__/\/___/  \/_/\/_/
                                                                                           /\____/                    
                                                                                           \_/__/                     
黄色框

这是一段测试文本

黄色斜线框

这是一段测试文本

红色框

这是一段测试文本

红色斜线框

这是一段测试文本

提示类
错误

无法加载侧边栏

启用 JavaScript

请启用JavaScript以获得此网站的最佳浏览体验。侧边栏无法显示,可手动查看:/page/content/sidebar.html

等待 window.onload

网页资源正在加载,可能导致侧边栏、图片等资源无显示。如此提示长时间未消失,请尝试启用JavaScript或绕过GFW。

等待 DOMContentLoaded

网页正在加载,可能导致网页显示异常。如此提示长时间未消失,请尝试启用JavaScript或更换浏览器。

视口宽度小于视口高度

视口高度较小,可能会导致侧边栏显示不全或异常。