如何知道該網站使用的是JS/HTML5庫？

我發現了一個史詩般的老遊戲叫gunbound這個真棒克隆。它是用HTML5/javascript開發的。如何知道該網站使用的是JS/HTML5庫？

我想知道如果我能找到他們用於這個項目的js/html5庫嗎？

我想看看它，因爲它確實啓發了我（我很驚訝，這是在HTML5做），我決心學習HTML5和JavaScript。我想按照他們的步驟:)

2012-10-02 Rufio

有一個名爲DragonBound的js文件...如果我在哪裏，我應該看看那個開始;-) [http://dragonbound.net/static/js/DragonBound.compiled.js](http ：//dragonbound.net/static/js/DragonBound.compiled.js） – Mathlight

我剛編輯它。對於那個很抱歉。我試圖查找代碼，但是我找不到任何「流行」的html5庫來開發遊戲，也許他們從頭開始編寫代碼？鏈接是否顯示在OP中？無論如何，http://dragonbound.net/ – Rufio

謝謝你的更新，我已經更新了我的答案，看起來像遊戲的js文件...我想你應該開始看那個... – Mathlight

它可能使用node.js服務器。爲安全起見，使用CloudFlare。對於html部分，我認爲它基於html5樣板。

jQuery
QTransform爲CSS轉換
socket.io服務器/客戶端通信
soundmanager2音頻

現在真正的答案。

瀏覽器的開發人員工具會告訴您網站使用哪些腳本和css文件。從上面的列表中我提供了以上列表。因爲它使用socket.io，所以最有可能使用node.js作爲服務器。如果您查看網絡選項卡，您將看到Server:cloudflare-nginx標頭。這是你的暗示CloudFlare。

來源

2012-10-02 12:16:53 edokan

node.js用於服務器相關的東西吧？我希望他們使用一些預先製作的商業引擎來製作遊戲機制，例如http://impactjs.com 這真的讓我想起這完全是用html5/js完成的，它也處理成千上萬的人。 – Rufio

您可以使用wooga的MIT授權的「Pocket Island」遊戲。看看https://github.com/wooga/Pocket-Island – edokan

我會檢查它看起來不錯。我害怕學習或選擇一些不會像龍行的遊戲。 – Rufio

Edokan是對的。您需要使用develompent工具包（我建議使用chrome）來查找所有使用的庫。

也可以從控制檯執行一些簡單的javascript（jquery）代碼，看看它做了什麼。

如果你正在尋找的主要js文件，我建議你看這一個：

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

是我能看到的是，隨着人的主要js文件是defenitions ...

在oage源

來源

2012-10-02 12:20:05 Mathlight

尋找一個可以eaisly告訴它使用下列內容：

<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學習更多關於這些概念的知識。

它已經構建的模板是HTML5鍋爐板。

來源

2012-10-02 14:42:07 defau1t

如何知道該網站使用的是JS/HTML5庫？

回答

相關問題