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