detect all media queries in use..

detect media queries.js

(async function(d){
	console.clear();
	const styles = [];
	const stylesheets = d.querySelectorAll("link[rel='stylesheet'][href]");
	// get all stylesheet urls
	const stylesheet_urls = [...stylesheets].map(s=>s.href);
	// fetch the contents of the stylesheets
	const ss_promises = stylesheet_urls.map(href=>{
		return fetch(href).then(s=>s.text()).then(s=>{
			return {
				source: href,
				styles: s
			};
		});
	});
	const ss_promises_resolved = await Promise.all(ss_promises);
	styles.push(...ss_promises_resolved);
	// get all the inline <style> tag contents
	document.querySelectorAll('style').forEach(ele=>styles.push({
		source: "inline",
		styles: ele.innerText
	}));
	styles.forEach(stylesheet=>{
		var media_queries = Array.from(stylesheet.styles.matchAll(/@media[^{]*/g), m => m[0].trim());
		if(!media_queries.length) return;
		console.groupCollapsed(stylesheet.source);
		[... new Set(media_queries)].forEach(mq=>console.log(mq));
		console.groupEnd();	
	});
})(document);