The Brave Browser removed "Brave" from its User-Agent in v0.9. DuckDuckGo can detect Brave & this promise utilizes their API to detect Brave.

Detect_Brave_Browser.js

const detectBraveBrowser = () => {
	return new Promise((resolve, reject) => {
		if(!navigator.userAgent.includes('Chrome')) { return resolve(false); }
    
		const xhr = new XMLHttpRequest();
		const onload = () => {
			if(xhr.status >= 200 && xhr.status < 300) {
				const response = JSON.parse(xhr.responseText);

				if(!response) { return resolve(false); }
				if(!response.Answer) { return resolve(false); }
				if(!response.Answer.includes('Brave')) { return resolve(false); }

				return resolve(true);
			} else {
				return reject(JSON.parse(xhr.responseText));
			}
		};

		xhr.onload = onload;
		xhr.open('GET', 'https://api.duckduckgo.com/?q=useragent&format=json');
		xhr.send();
	});
};


detectBraveBrowser().then((isBrave) => {
	console.log('isBrave', isBrave);
}).catch((error) => { console.error(error); });

https://stackoverflow.com/a/56459333/1210659

One-liner

const isBrave = (await (await fetch('https://api.duckduckgo.com/?q=useragent&format=json')).json()).Answer.includes('Brave')
console.log(isBrave) 

One-liner

const isBrave = (await (await fetch('https://api.duckduckgo.com/?q=useragent&format=json')).json()).Answer.includes('Brave')
console.log(isBrave) 

Script works fine on desktop, but not on mobile.

When I try to use the one-liner above, I get a syntax error that there's a ) missing, but I don't see it. Is anyone else having this problem?

When I use the Detect_Brave_Browser.js code, I can't seem to use the isBrave variable outside the function, no matter how I declare it. What's the best way to make that variable global?

Thanks!

I had the same problem. You just have to put everything in an async function, then it should work.