QM Technical Training - QM/DT - Browser Storage

Created by Alex Avila

What are cookies?
It's a small piece of information that helps the website recognize you when you come back. This makes things easier, like keeping you logged in or remembering what's in your shopping cart. However, some cookies can also track your browsing to show you personalized ads.

1/9

TermDefinition
What are cookies?
It's a small piece of information that helps the website recognize you when you come back. This makes things easier, like keeping you logged in or remembering what's in your shopping cart. However, some cookies can also track your browsing to show you personalized ads.
What are 1st party cookies?
First-party cookies are cookies that are set by the website you are visiting directly.
What are 3rd party cookies?
3rd Party Cookies are cookies created by a domain other than the one you are currently visiting. If you are on shoes.com but you see a cookie from facebook.com or ad-tracker.net in your browser, that is a 3rd party cookie.
What browser restrictions exist on 3rd party cookies?
Browser restrictions are security and privacy measures that prevent domains other than the one you are visiting from tracking you. If your app relies on a 3rd party cookie for a "Help Chat" or "Payment Gateway," and the browser blocks it, the feature breaks. QM must ensure the app has a "fallback" or uses 1st party methods so the user experience doesn't fail on privacy-focused browsers.
What is TLD (Top-Level Domain)?
When you look at your Cookies tab in DevTools, look at the Domain column. If you see a leading dot (e.g., .example.com), that cookie is available to all subdomains. If you don't see a dot, it’s restricted to that exact URL.
What is Local Storage?
is a type of web storage that allows JavaScript websites to store key-value pairs in a web browser with no expiration date. The data persists even after the browser window is closed. In QM, Local Storage is the primary location for User Experience Persistence. We review it to ensure that non-sensitive settings (like "Dark Mode," "Layout Preferences," or "Saved Drafts") are saved correctly.
example of a local storage?
Example If you toggle a "Beta" on a dashboard, the app might save {"view_mode": "beta"} in Local Storage. When you return to the site three days later, the app reads that key and renders the beta view immediately.
What is the QM (Quantum Metric) Local Storage Object?
Quantum Metric typically stores session and user identifiers in LocalStorage and Cookies to maintain continuity as a user moves through your site.
What is Session Storage?
Allows you to store data for the duration of a specific page session. While it looks like Local Storage, it has one major rule: the data is unique to that specific tab. If you close the tab or window, the data is deleted. If you open the same site in a new tab, it starts with a completely empty Session Storage.