A simple script to identify the JavaScript framework currently used by a website. Why am I doing this? Because some results from Wappalyzer are incorrect. :(

framework-detect.js

// Paste these lines into website's console (Win/Linux: Ctrl + Shift + I / Mac: Cmd + Alt + I)

if (
  !!window.React ||
  !!document.querySelector("[data-reactroot], [data-reactid]") ||
  Array.from(document.querySelectorAll("*")).some(
    (e) =>
      e._reactRootContainer !== undefined ||
      Object.keys(e).some((k) => k.startsWith("__reactContainer"))
  )
)
  console.log("React.js");

if (!!document.querySelector("script[id=__NEXT_DATA__]"))
  console.log("Next.js");

if (!!document.querySelector("[id=___gatsby]")) console.log("Gatsby.js");

if (
  !!window.angular ||
  !!document.querySelector(
    ".ng-binding, [ng-app], [data-ng-app], [ng-controller], [data-ng-controller], [ng-repeat], [data-ng-repeat]"
  ) ||
  !!document.querySelector(
    'script[src*="angular.js"], script[src*="angular.min.js"]'
  )
)
  console.log("Angular.js");

if (!!window.getAllAngularRootElements || !!window.ng?.coreTokens?.NgZone)
  console.log("Angular");

if (
  !!window.document.querySelector("script[src*='fq.js']") ||
  !!window.document.querySelector("#fq-root")
)
  console.log("fq.js");

if (
  !!document.querySelector("[data-svelte-h]") ||
  !!document.querySelector("sveltekit-endpoint, sveltekit-app")
)
  console.log("Svelte.js/SvelteKit");

if (!!window.Backbone) console.log("Backbone.js");
if (!!window.Ember) console.log("Ember.js");
if (!!window.Vue) console.log("Vue.js");
if (!!window.Meteor) console.log("Meteor.js");
if (!!window.Zepto) console.log("Zepto.js");
if (!!window.jQuery) console.log("jQuery.js");
if (!!window.can) console.log("can.js");