Check if a webapp has React, Angular or Vue installed

Question

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?

Check this link stackoverflow.com/questions/396739/…

Gowthaman
– Gowthaman

2019-09-11 20:38:51 +00:00
Commented Sep 11, 2019 at 20:38 — Gowthaman
– Gowthaman, Commented Sep 11, 2019 at 20:38

Husam Elbashir · Accepted Answer · 2019-09-11 01:10:39Z

8

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()

answered Sep 11, 2019 at 1:10

Husam Elbashir

7,1953 gold badges20 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Xsmael Over a year ago

this is no longer reliable, i've tested it on a nuxt.js site but it return false

Ragavan Rajan · Accepted Answer · 2019-09-11 01:33:04Z

7

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.

Hope it helps

answered Sep 11, 2019 at 1:33

Ragavan Rajan

4,4572 gold badges30 silver badges47 bronze badges

Comments

Ravin Singh D · Accepted Answer · 2019-09-11 00:47:10Z

3

Angular will have ng-version attribute in root component

answered Sep 11, 2019 at 0:47

Ravin Singh D

95310 silver badges20 bronze badges

Comments

joseluismurillorios · Accepted Answer · 2019-09-11 01:03:06Z

3

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.

answered Sep 11, 2019 at 1:03

joseluismurillorios

1,0146 silver badges11 bronze badges

Comments

Kapil Sahu · Accepted Answer · 2023-12-22 07:34:44Z

0

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.

answered Dec 22, 2023 at 7:34

Kapil Sahu

6199 silver badges16 bronze badges

Collectives™ on Stack Overflow

Check if a webapp has React, Angular or Vue installed

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

1 Comment

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related