javascript - 如何在我的电脑上运行谷歌使用的 JS 代码？

Question

1. 为什么

我喜欢谷歌的蛇游戏，里面有很多很酷的效果。我想通过阅读源代码来了解它是如何完成的。

2. 到目前为止我做了什么

我设法找到了源代码（通过搜索画布的 jsname），但我很难阅读。代码被缩小了，我什至不知道执行从哪里开始。

3. 我想要什么

我希望有人能告诉我如何在我的电脑上运行它，或者给我一些关于它的文章。

Answer 1

好吧，从技术上讲，它已经在您的计算机上运行，​​因为 JS 是在客户端执行的

虽然如果您不想在站点本身上运行它，您可以下载它使用的资源并在本地运行它，但您可能必须更改它在 HTML 中查找资源的 URL。虽然我并没有真正看到这样做的意义，因为两者都在您的计算机上运行 js，因此除非您计划编辑 js，否则它将发挥相同的作用。

在缩小代码方面，firefox 和 chrome 都在他们的开发工具中内置了一个漂亮的美化按钮。下面显示的是 Firefox 的一个示例，只需单击它。 虽然我不知道你的技术水平如何。如果你对 js 很陌生，我认为从更传统的资源开始会让学习更快、更不沮丧，那么你可以稍后再回来。

Answer 2

您将遇到的问题是谷歌通过他们自己的闭包编译器运行他们的脚本，因此代码不仅被缩小，而且被优化并且更难阅读。

为了更好地理解代码，您可以做的最好的事情是通过美化器运行代码，使其格式更好一点，然后逐行检查，重命名变量和函数，当您弄清楚它们的作用时。

如果您只是想在本地运行它，您可以保存使用的资源并在浏览器中运行本地文件。HTTrack Website Copier是一个很好的工具来本地化网站的所有资源。在这种情况下，只需确保执行单个页面（它也可以抓取并保存整个站点）。如果您开始自动抓取/复制他们的页面（即使是意外），Google 会很快阻止您，因为这违反了他们的条款，这是可以理解的。