Tracker use a subset of XPath to locate the specific elements of the html page. When you create a tracker for an element, it recorded the XPath and the value of the element. Then it will checking if there is any changes to the element in background.
Lite mode use XMLHttpRequest to request the page. Then use cheerio evaluating XPath to find the specific elements.
Lite mode works in background quietly. But it can only query static contents. For dynamic or authentication-needed content, you may need to use Tab Mode.
Tab mode use Chrome's native tab to request and evaluate XPath. It's more powerful since the JavaScript and Cookies is available. Tab mode is able to query most of elements on webpages.
But on the other side, it cost more time and more data transporting than Lite Mode. You will also see a pinned tab created and then closed in serval seconds while querying (which is kinda annoying).
You can change the querying mode in Tracker Dashboard.
(included in project)
- XMLHttpRequest for requesting the pages.
- cheerio for evaluating the XPath.
- A modified XPath Helper for querying the XPath string.
- Vue.js for DOM rendering.
- Milligram for styling.