如何跟踪任何给定网站的购物车ID？

Question

目标：创建一个跟踪电子商务用户在给定网站上的行为的网络应用。我正在创建一个跟踪js脚本，使我能够跟踪购物车的数量以及购物车何时被放弃。

问题：由于我不知道给定网站的DOM结构，因此我无法知道使用document.GetElementById需要哪个ID（＆＃39; #cartID＆＃ 39;）

我的潜在解决方案： 我打算使用C＃asp.net来创建后端，所以也许我可以（？）尝试下载每个网站页面，在应用程序上呈现它并允许用户通过点击购物车来选择购物车的位置，然后在支持的i上可以尝试找到鼠标的x和y pos，找出哪个元素是单击并以此方式标识ID属性。

我的解决方案似乎效率低下且过于复杂。有没有更好的方法来解决这个问题？

另外 我不想在后端存储购物车数据。问题只是找出“购物车”的ID。如果它有一个值（这是容易的位）。难以理解的是＆＃39; cart＆＃39;，该脚本被各种Web开发人员使用，因此id的结构和命名是不同的。

Answer 1

如果您使用角度j，则可以使用services或rootScope轻松解决此问题。

如果您当时没有使用Angular Js，要跟踪购物车数据，您应该按照以下方式使用本地存储。

var cartValue = [];
cartValue.push({itemId:123, itemName:'XYZ', itemPrice:23.12})
localStorage.setItem("myCart", cartValue);

当您想要更新购物车或想要获取购物车数据的页面中时，请执行以下操作。

获取购物车数据：

localStorage.getItem("myCart");

从任何其他页面或同一页面更新购物车价值：

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