你的未来会是零KB的HTML吗?🔮一个没有JS、HTML、CSS或图片的网站!?⁉😱
如果你是新来的,那你可能还没发现我喜欢在网上胡闹……而那些了解我恶作剧的人……你们知道接下来会发生什么😋!!
如果你错过了:
-
首先,我不用任何JS、CSS或HTML就做出了一个倒计时器! ——我知道你们会说,这简直是小儿科!
-
好吧……我用纯 CSS 构建了一个密码生成器——哈欠!
-
真的,连个笑容都没有?那当我不用任何 CSS、JS 或图片就能做出动画的时候……是不是有点意思?
-
好吧,你肯定很喜欢我用隐写术把乒乓球游戏塞进一张 16px x 16px 的图片里吧?……你说这有点意思?
你真是个硬汉!那这个怎么样……
一个网站发出 1 个网络请求,并且该网络请求发送了 0 字节的 HTML。
当然,这不可能(我的意思是,当然不可能,一个网站只有一个网络请求,而且这个请求里没有 0 字节的 HTML,没有 CSS 请求,没有 JS 请求,没有图片请求,只有一个没有 HTML 的文件……这肯定行不通……对吧???!!??!)
如果你用的是火狐浏览器,那么答案是……某种程度上是可能的!
请在 Firefox 中打开此页面 - 它看起来像一个网站(尽管是一个非常基础的网站)。
遗憾的是,它只适用于 Firefox 浏览器,所以您可能需要将这篇文章添加到书签,等到您可以使用笔记本电脑/PC 时再回来查看!
只有当你打开开发者工具并切换到网络选项卡时,才会发现它有多么令人印象深刻。
这是我的第二个绝招,我要读懂你的心思……准备好了吗?
“好的,页面请求一次,等等,他说没有HTML,这到底是怎么回事?啊,他用了元素<body>,我明白了,他肯定内联了一些样式,但是等等,这些样式到底是从哪里来的?开发者工具里没有显示CSS文件,是Service Worker吗(不,如果是的话应该会显示出来),是来自cookie吗(也不是,不过这倒是个不错的下一篇文章主题),这到底是怎么回事……”
接下来是一阵震惊的沉默,一阵挠头,然后是一连串的摆弄,直到你意识到诀窍(顺便说一句,这与网站图标无关,网站图标只是在整个网站上配置的!)!
瞧,这是一个网络面板中HTML、JS、CSS或图片大小均为0kb的网站。这性能真是没话说!
我会把探索和弄清楚发生了什么留给你们自己去完成,但我很喜欢我构建了一个网站,而没有发送一个字节的 HTML!
一旦你弄明白我是怎么做的,就自己尝试一下,看看你能用一次网络请求和 0kb 的 HTML 创建一个多么令人印象深刻的网站!
几句感谢!
用于创建笔记本电脑的 CSS 是@pandaquests的 codepen 的简化版,请务必查看他们的作品并给予支持,因为他们创作了很多很棒的作品!
还要特别感谢impressionwebs.com网站上的这篇文章(或者至少是我能找到的最早的文章) ,他们还解释了如果你自己没弄明白发生了什么的话!
是的,我“偷”了@ryansolid这篇文章的标题,因为我觉得它很有趣,去给这篇文章点个赞(或者“吐槽”,这取决于你的观点,它在评论区确实引发了争议!)
哦,还要感谢所有阅读过我那些(或傻乎乎的,或不傻乎乎的)文章的朋友们,5万的页面浏览量可能不算多,但对于一个只写了3个月文章的人来说,这是一个不错的开始,所以,再次感谢大家!
文章来源:https://dev.to/grahamthedev/is-0kb-of-html-in-your-future-a-website-without-js-html-css-or-images-37cn

