2017-02-21 75 views
0

目標:創建一個跟蹤給定網站上的電子商務用戶行爲的web應用程序。我創建了一個跟蹤js腳本,使我能夠跟蹤購物車數量以及購物車何時放棄。如何跟蹤任何給定網站的購物車ID?

問題:因爲我不知道給定網站的DOM結構,我不知道我需要開始使用的document.getElementById(「#cartID」)

我潛在的解決方案,其編號:我打算使用C#asp.net創建後端,所以也許我可以(?)嘗試下載每個網站頁面,將其渲染到應用程序中,並允許用戶選擇購物車的位置點擊購物車,然後在支持的我可以嘗試找到鼠標的x和y位置,圖中哪個元素被點擊並識別ID屬性。

我的解決方案似乎效率低下且過於複雜。有沒有更好的方法來解決這個問題?

此外 我不想在後端存儲購物車數據。問題很簡單,就是找出'購物車'的id,如果它有一個值(這很簡單)。最難的一點是找出'購物車'的id,這個腳本應該被各種web開發者使用,所以id的結構和命名是不同的。

+0

歡迎大二:

localStorage.getItem("myCart"); 

從任何其他頁面或同一頁面更新的車價值請訪問[幫助],看看有什麼和如何問。你的問題目前是題外話:_Questions要求我們推薦或找到一本書,工具,軟件庫,教程或其他非現場資源,因爲他們傾向於吸引自以爲是的答案和垃圾郵件,因此無法用於Stack Overflow。相反,請描述問題以及到目前爲止解決問題所做的工作。或者另一種:有太多可能的答案,或者對於這種格式來說,好的答案會太長。請添加詳細信息以縮小答案集或隔離可在幾個段落中回答的問題._ – mplungjan

回答

0

如果您使用角度js,則可以使用servicesrootScope輕鬆解決此問題。

如果您沒有使用Angular Js,那麼要跟蹤購物車數據,您應該按以下方式使用本地存儲。

var cartValue = []; 
cartValue.push({itemId:123, itemName:'XYZ', itemPrice:23.12}) 
localStorage.setItem("myCart", cartValue); 
在網頁中當過您要更新的購物車或想獲取的車數據做以下事情

去取車數據:

cartValue = localStorage.getItem("myCart"); 
cartValue.push({itemId:124, itemName:'ABC', itemPrice:63.18} 
localStorage.setItem("myCart", cartValue); 
+0

我不想將購物車數據存儲在後端。問題很簡單,就是找出'購物車'的id,如果它有一個值(這很簡單)。最難的一點是找出'購物車'的id,這個腳本應該被各種web開發者使用,所以id的結構和命名是不同的。 – Shaz