Get all Cascade Layers on a page

get-layers.js

const extractLayersFromCssRules = (cssRules) => {
    if (!cssRules || !cssRules.length) return [];
	return [...cssRules].filter((cssRule) => {
			return (cssRule instanceof CSSStyleRule) || (cssRule instanceof CSSLayerBlockRule);
		})
		.flatMap((cssRule) => {
			if (cssRule instanceof CSSLayerBlockRule) {
				return [cssRule.name];
			} else {
                return extractLayersFromCssRules(cssRule.cssRules);
			}
		});
}

const layers = [...document.styleSheets].flatMap((styleSheet) => {
    try {
        const rules = styleSheet.cssRules;
        return extractLayersFromCssRules(rules);
    } catch (e) {
        console.warn(`Could not read the cssRules from the stylesheet “${styleSheet.href}”. Try setting \`crossorigin="anonymous"\` on it.`);
        return [];
    }
});

const uniques = [...new Set(layers)];

console.log(uniques);

@AndrewKGuan The problem is that that stylesheet is an external one that cannot be read. Updated the gist to include a safeguard against this. Note that the file is skipped in that case.