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?

Answer 1

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

Answer 2

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