CODEWITHSUNDEEP
javascriptangularreactjsvue.js
randombits
randombits

Reputation: 48490

Check if a webapp has React, Angular or Vue installed

Is there a trivial way to see what client-side libraries an application is using when everything is minified/compressed? I am looking at all of the javascript passed to the client from the server but with everything compressed/minified, I'm not necessarily able to tell if one of the three popular client-side frameworks is used. For jQuery, it's as trivial as doing the following in the console:

> jQuery.fn.jquery
"3.2.1"

Is there a similar method for checking the other three "big" frameworks?

Upvotes: 7

Views: 10870

Answers (5)

Kapil Sahu
Kapil Sahu

Reputation: 599

To check information about the technology stack used by websites. We can make use of BuildWith website.

It allows us to analyze and identify the technologies that power a particular website and provide information about the Web Server, CDN, Frameworks, Analytics and Tracking Tools, JavaScript Libraries, etc used in it.

Enter the website url

Below is the result of the technology stack used by this website.

Upvotes: 0

Ragavan Rajan
Ragavan Rajan

Reputation: 4397

The easy way I suggest is install the wappalyzer extension Click here

Wappalyzer is a cross-platform utility that uncovers the technologies used on websites.

Below is the live website screenshot for your reference.

enter image description here

Hope it helps

Upvotes: 7

Husam Elbashir
Husam Elbashir

Reputation: 7187

I suggest using the developer tools of each framework or an extension such as Wappalyzer. If you want to detect a framework programatically you could have a peek at the source code of the relevant devtools extension. For example I looked at the Vue devtools source code and it looks like you could simply detect Vue like this ..

function detectVue() {
    const all = document.querySelectorAll('*')
    for(let i=0; i<all.length; i++) {
        if (all[i].__vue__) return true
    }
    return false
}

detectVue()

Upvotes: 8

joseluismurillorios
joseluismurillorios

Reputation: 1014

You can add extensions to chrome to check for many libraries, I use react so with react developers tool is easy to see a site using it (image below). You can add extensions for angular an vue too. Hope it helps.

react developers tool

Upvotes: 3

Ravin Singh D
Ravin Singh D

Reputation: 893

Angular will have ng-version attribute in root component

enter image description here

Upvotes: 3

Related Questions