How can I tell whether a web app was built using Angular (or other technologies)?

Question

How can I tell whether a (Drupal 7) web app was built using Angular by looking at the page source, and not having to ask the developers?

Answer 1

The best way to check is to write "angular" on browser console. If you get any object [With child objects as "bind","bootstrap","callbacks","module" etc.] then its an angular web app.

Answer 2

You can install a chrome or firefox extension called Wappalyzer. It tells you which site you are navigated on in your browser and the stack they use.

Find it here: https://www.wappalyzer.com

Answer 3

You could try: angular.version.full first. If this doesn't work, try getAllAngularRootElements()[0].attributes["ng-version"]. The reason being in Angular 1 the former will work and from angular 2 onwards the later will work.

Answer 4

If it's an online site you can use http://builtwith.com/ and it usually can give you a good and useful bunch of information about that site.

However if they are using angular you can take a look at their page sources to see if they are using any attributes of angular like ng-repeat for example

You can also take a look at the sources that your browser get while browsing that site to see if javascript files for angularjs are included among the sources.

Answer 5

• Application declared using ng-app directive

• very simple controller and directive

• check for ng-model, ng-repeater attributes in the code. All these attibutes are written in small letters.

• Also you can check by typing in the console(ctrl + shift + i) and navigate to console tab. There type in window.angular.version --> it displays the version of the site your are currently inspecting.

Answer 6

Try

https://builtwith.com/

This is the website that currently gives you the most detailed information about what technologies a site uses. They will let you do 5 free lookups a day.

https://wappalyzer.com/

is a good one too, and serve as a complement to builtwith. I don't think there is a limit of lookups, but the results are less detailed.

Those two used together may give you more insight.

Answer 7

use window.getAllAngularRootElements() in the browser console if it return some value its an angular application

Answer 8

There is a Google Chrome extension called 'ng-detector'. It may be obtained from the Google webstore:

https://chrome.google.com/webstore/detail/ng-detector/fedicaemhcfcmelihceehhaodggfeffm

It creates a small icon next to the URL bar that indicates whether or not it thinks the page was created using Angular, although I have not thoroughly tested its validity.

Answer 9

For Angular, in Chrome's inspector, in the Elements tab, inside the body element is an element called app-root containing ng-version, which shows the Angular version it's using.