Detect if Chrome Devtools is open (Doesn't work on Firefox)

devToolsDetect.js

// https://stackoverflow.com/a/30638226
// When printing an “Element” Chrome developer tools will request the 'id' property
// If the 'id' property is fetched, then the devtools is open
let checkStatus;
let customElement = document.createElement('p');

document.body.appendChild(customToString);

let element = new Image();
Object.defineProperty(element, 'id', {
  get: () => {
    checkStatus = 'on';
    customElement.textContent = checkStatus;
  },
});

// Disadvantage: Called too many times :(
requestAnimationFrame(function loop() {
  checkStatus = 'off';
  console.log('%c', element);
  customElement.textContent = checkStatus;
  requestAnimationFrame(loop);
});