Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

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

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?

like image 662
Daniel Avatar asked Apr 29 '15 17:04

Daniel


People also ask

What are Angular web apps?

Angular is a development platform, built on TypeScript. As a platform, Angular includes: A component-based framework for building scalable web applications. A collection of well-integrated libraries that cover a wide variety of features, including routing, forms management, client-server communication, and more.

How do you check if a website is made using React?

Just install the developer tools for corresponding frameworks. For Angular, it is augury and for React, it is React Developer Tools. So add their respective chrome extensions and you are good to know. They glow respectively on the websites that are developed using one of these technologies otherwise stay light grey.

What is Angular in web technology?

Angular is a platform and framework for building single-page client applications using HTML and TypeScript. Angular is written in TypeScript. It implements core and optional functionality as a set of TypeScript libraries that you import into your applications.


9 Answers

enter image description hereThe 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.

like image 146
Dinesh Dabhi Avatar answered Sep 23 '22 06:09

Dinesh Dabhi


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

like image 33
Tara Lerias Avatar answered Sep 27 '22 06:09

Tara Lerias


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.

like image 21
Meyyappan Velayutham Avatar answered Sep 27 '22 06:09

Meyyappan Velayutham


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.

like image 30
Beatles1692 Avatar answered Sep 26 '22 06:09

Beatles1692


  • 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.

like image 28
randomguy Avatar answered Sep 25 '22 06:09

randomguy


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.

like image 45
live-love Avatar answered Sep 23 '22 06:09

live-love


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

like image 36
Kumar Shanoo Avatar answered Sep 23 '22 06:09

Kumar Shanoo


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.

like image 38
JoeAC Avatar answered Sep 26 '22 06:09

JoeAC


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.

like image 45
s-e1 Avatar answered Sep 27 '22 06:09

s-e1