Как отслеживать идентификатор корзины на любом данном веб-сайте?

Question

Цель: Создание веб-приложения, отслеживающего поведение пользователя электронной коммерции на данном веб-сайте. Я создаю скрипт отслеживания js, который позволяет мне отслеживать количество тележки и когда корзина оставлена.

Проблема: Поскольку я не знаю DOM структуру данного веб-сайта, я не могу знать, какой Id мне нужно получить с помощью document.getElementById («#») cartID

Мой Потенциальное решение :Я планирую использовать C# asp.net для создания back-end, поэтому, возможно, я могу (?) Попытаться загрузить каждую страницу сайта, отобразить ее в приложении и разрешить пользователю выбирать, где находится тележка, нажав на корзину, затем на обратной стороне я могу попытаться найти x и y pos мыши, фигуру, на которую был нажат элемент, и идентифицировать атрибут идентификатора таким образом.

Мое решение кажется неэффективным и сложным. Есть ли лучший способ решить эту проблему?

Дополнительно Я не хочу хранить данные корзины на внутреннем сервере. Проблема состоит в том, чтобы просто определить идентификатор, который является «тележкой», и если он имеет значение (это простой бит). Жесткий бит определяет идентификатор, который является «тележкой», сценарий, как предполагается, будет использоваться различными веб-разработчиками, чтобы структура и именование идентификатора были разными.

Answer 1

Это можно легко решить, используя services или rootScope, если вы используете угловые js.

Если вы не используете Angular Js, тогда для отслеживания данных корзины вы должны использовать локальное хранилище следующим образом.

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

когда-либо на странице вы хотите обновить телегу или хотите получать эти данные корзины сделать следующие вещи.

для Fetch телеги данные:

localStorage.getItem("myCart"); 

обновить значение корзины с любой другой страницы или с той же страницы:

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