2013-11-24 25 views
0

我對此應用程序的構建方式印象非常深刻,https://chrome.google.com/webstore/detail/visual-history/emnpecigdjglcgfabfnmlphhgfdifaan 我不知道SAP Lumira是否參與了此應用程序,因爲實時可視化工作正常。但我不確定它是如何作爲應用程序開發的,因爲它只能導出爲png文件,而數據只能來自平面文件和hana數據庫。任何幫助分析這個應用程序的性質表示讚賞。如何構建可視化作爲鉻應用程序

+0

[來源](https://code.google.com/p/visual-history-graph/source/browse/)可用。看起來它主要基於幾個開源庫。 – MatrixFrog

回答

0

我認爲您的問題沒有正確說明:就像詢問「如何爲網絡構建可視化文件」(換句話說,它太寬泛,並非特定於Chrome應用程序)。我認爲你想要的是一種分析應用程序源代碼的方法。你總是可以做的是:

  1. 安裝你感興趣的應用程序後,請訪問chrome:// extensions。
  2. 打開開發人員模式(右上角的複選框)。
  3. 在列表中找到應用程序並記下其應用程序ID。
  4. 轉到Chrome設置目錄,例如〜/ .config/google-chrome for Linux - 位置取決於您使用的操作系統和Chrome頻道。
  5. 找到應用程序的安裝目錄,該目錄看起來像<Chrome settings directory from #4>/Profile N/Extensions/<app ID>/<app version>
  6. 你會看到整個應用程序的源代碼。

專門爲這個應用程序,你可以在它使用一種叫JavaScript的圖形框架(參見/canvas.js)與D3.js在一起(見/protovis-3.2/)來源看。

+0

這可能與這個問題沒有關係,但我們可以將數據導出到Excel表格中,像這樣(如果用戶在特定時間段內打開Facebook網站7次,它將作爲www.facebook.com在一列中導出在其他專欄7)有沒有辦法我可以做到這一點? – user2619093

+0

您可以使用[History API](http://chrome-apps-doc.appspot.com/extensions/history.html)在擴展程序中收集您需要的信息,然後使用[chrome]將其傳遞給配套應用程序.runtime.sendMessage](http://chrome-apps-doc.appspot.com/apps/runtime.html#method-sendMessage)/ [chrome.runtime.onMessageExternal](http://chrome-apps-doc.appspot .com/apps/runtime.html#event-onMessageExternal)對,最後使用[FileSystem API](http://chrome-apps-doc.appspot.com/apps/fileSystem.html)將其保存到磁盤,或者Google Drive使用SyncFileSystem API。 –