最新的(截至目前)漫画名为“时间”。这是一部标准的漫画,虽然没有太多动作,但图片的替代标题是“等一下。”。我等待但什么也没发生(在 Opera 和 IE9 中尝试过)所以我查看了页面源代码。
在图片<img>
标签旁边有一个<script>
包含以下 URL的标签:
http://imgs.xkcd.com/static/time07.min.js
我试图理解它,但我无法弄清楚。有人可以解释它是如何工作的以及应该发生什么吗?
最新的(截至目前)漫画名为“时间”。这是一部标准的漫画,虽然没有太多动作,但图片的替代标题是“等一下。”。我等待但什么也没发生(在 Opera 和 IE9 中尝试过)所以我查看了页面源代码。
在图片<img>
标签旁边有一个<script>
包含以下 URL的标签:
http://imgs.xkcd.com/static/time07.min.js
我试图理解它,但我无法弄清楚。有人可以解释它是如何工作的以及应该发生什么吗?
XKCD 论坛上的某个人粘贴了指向此要点的链接,其中包含经过混淆和注释的源以及一些解释:
驱动 xkcd 的“时代”漫画 ( http://xkcd.com/1190/ )的 Javascript 的主要部分,经过去混淆和注释。大部分脚本似乎是 EventSource 的一个实现——虽然很重要,但对于我们的目的来说并不是很有趣,所以我在这里省略了它。在谷歌搜索之后,我实际上相当肯定这里使用的 EventSource 实现是https://github.com/Yaffle/EventSource - 在缩小和美化该代码之后,它看起来与 time07.min 中显示的非常相似。 js。
据我所知,它没有任何魔法,只是服务器在有新图像时让客户端知道的一种简单方法。