SBTI人格测试html网站源码 一套“不太正经”的心理测试

效果展示：

这套HTML源码是一个完整的前端人格测试应用，打开就能用，不需要任何后端支持。表面上它模仿了MBTI那种心理测试的框架——有31道核心题目、十五个评估维度（从自尊自信、依恋安全感、世界观倾向到社交主动性等）、一套匹配度算法——但内核完全是另一种东西。

它的“好玩”之处，首先在于人格结果库的命名和描述。你测出来不会是INTJ、ENFP那种正经结果，而可能是“CTRL（拿捏者）”——作者描述为“行走的人形自走任务管理器，宇宙熵增定律的天然反抗者”；也可能是“Dior-s（屌丝）”，但作者把它重新定义成“第欧根尼失散多年的精神传人，对成功学PUA最彻底蔑视的犬儒主义者”；还有“JOKE-R（小丑）”——“用最大的笑声盖住心碎的声音”；“DRUNK（酒鬼）”——“体内流淌的不是血液，是五粮液”；甚至如果匹配度太低，会被强制分配成“HHHH（傻乐者）”，作者自己都吐槽说“标准人格库对你的脑回路集体罢工了”。这些描述在段子和扎心之间反复横跳，读起来像在看脱口秀脚本。

其次，这个测试埋了不少互动彩蛋。比如有一道题问你平时有什么爱好，如果你选了“饮酒”，它会自动解锁一道隐藏题问你“对饮酒的态度”，如果你选了“把白酒灌在保温杯当白开水喝”，最终结果就会被强制替换成“DRUNK（酒鬼）”人格，并显示“酒精异常因子已接管”。这种分支触发的机制让测试多了一层“上当受骗”的趣味。

第三，它的匹配算法是认真的。虽然结果搞笑，但底层逻辑没糊弄——把每个维度的得分转化成L/M/H三个等级，再转成数值向量，和25种预设人格模板计算距离和相似度，匹配度最高的就是你的“SBTI人格”。而且每个维度都有对应的解读文案，比如S1维度得L会显示“对自己下手比别人还狠，夸你两句你都想先验明真伪”，得H则是“心里对自己大致有数，不太会被路人一句话打散”。也就是说，即使最终人格是搞笑的，中间的过程数据还是能让你看到一些真实的东西。

最后，整个页面设计走的是温和治愈的视觉风格——毛玻璃效果、圆角卡片、柔绿色系，看起来像正经的心理测试应用，但内容完全不正经，这种反差本身就是一种幽默。所有结果都有对应的配图（存放在/images/文件夹下，代码里做了映射），提交后还会显示“匹配度百分比”和“精准命中X/15维”的数据，仪式感拉满。

简单说，这套源码适合拿来当娱乐工具发给朋友玩，也适合前端初学者学习如何实现一个完整的问卷测试流程——包括动态渲染、分支逻辑、向量匹配算法、多页面切换等，而且全程只有一个HTML文件，复制保存就能跑。

感谢您的来访，获取更多精彩文章请收藏本站。