如何判断本网站使用的JS / HTML5库？

Question

我发现这个史诗般的旧游戏叫做枪口的真棒。它是用HTML5 / javascript开发的。

我想知道我是否能找到他们为这个项目使用的js / html5库？

website

我正在努力查找它因为它真的激发了我（我很惊讶这是在html5中完成的）并且我决定学习html5和javascript。我想按照他们的步骤:)

Answer 1

它可能使用node.js服务器。使用CloudFlare来保证安全性。对于html部分，我认为它基于html5样板。

• jQuery
• QTransform CSS转换
• socket.io用于服务器/客户端通信
• soundmanager2提供音频

现在真正的答案。

浏览器的

开发人员工具会告诉您站点使用的脚本和css文件。从列表中我提供了上面的列表。由于它使用socket.io，因此很可能将node.js用于服务器。如果您查看网络标签，则会看到Server:cloudflare-nginx标题。这是CloudFlare的提示。

Answer 2

Edokan是对的。您需要使用develompent工具包（我建议使用chrome）来查找所有使用的库。

你也可以从控制台执行一些简单的javascript（jquery）代码，看它是做什么的。

如果你正在寻找主要的js文件，我建议你看看这个：

http://dragonbound.net/static/js/DragonBound.compiled.js

我可以看到主要的js文件与它的辩护......

Answer 3

查看oage的来源，可以说明它使用以下内容：

<script type="text/javascript" src="/static/js/socket.io.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.21/jquery-ui.min.js"></script>
<script type="text/javascript" src="/static/js/jquery.tinyscrollbar3.js"></script>
<script type="text/javascript" src="/static/js/QTransform.js"></script>
<script type="text/javascript" src="/static/js/bgpos.js"></script>
<script type="text/javascript" src="/static/js/soundmanager2-nodebug-jsmin.js"></script>
<script type="text/javascript" src="/static/js/DragonBound.compiled.js?42"></script>

您可以在html5，QTtransform，nodejs和jQuery中使用google获取套接字，以了解有关这些概念的更多信息。

构建它的模板是HTML5样板。