Skip to content

Instantly share code, notes, and snippets.

@noriel0010
Forked from rambabusaravanan/detect-js-framework.js
Last active November 11, 2022 06:18
Show Gist options
  • Save noriel0010/b1c3543df77556bf106ffc6b4312bd74 to your computer and use it in GitHub Desktop.
Save noriel0010/b1c3543df77556bf106ffc6b4312bd74 to your computer and use it in GitHub Desktop.
Detect JS Framework used in a Website
// 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]'))
alert('React.js');
if(Array.from(document.querySelectorAll('*'))
.some(e => e._reactRootContainer !== undefined))
alert('React.js');
if(!!document.querySelector('script[id=__NEXT_DATA__]'))
alert('Next.js');
if(!!document.querySelector('[id=___gatsby]'))
alert('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"]'))
alert('Angular.js');
if (!!window.getAllAngularRootElements ||
!!window.ng?.coreTokens?.NgZone)
alert('Angular 2+');
if(!!window.Backbone) alert('Backbone.js');
if(!!window.Ember) alert('Ember.js');
if(!!window.Vue) alert('Vue.js');
if(!!window.Meteor) alert('Meteor.js');
if(!!window.Zepto) alert('Zepto.js');
if(!!window.jQuery) alert('jQuery.js');
@noriel0010
Copy link
Author

As mentioned here you can make it look like this:

image

with one click, it will alert what framework the web-app/website is using.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment