如何判断Web应用程序是使用Angular(或其他技术)构建的?

时间:2015-04-29 17:08:56

标签: angularjs drupal

如何判断(Drupal 7)Web应用程序是使用Angular通过查看页面源来构建的,而不必询问开发人员?

10 个答案:

答案 0 :(得分:7)

如果它是在线网站,您可以使用http://builtwith.com/,它通常可以为您提供有关该网站的一系列有用信息。

但是,如果他们使用角度,您可以查看他们的页面来源,看看他们是否使用任何角度属性,例如ng-repeat

您还可以查看浏览器在浏览该网站时获得的来源,以查看来源中是否包含javascript angularjs个文件。

答案 1 :(得分:3)

  • 使用ng-app指令声明的应用程序

  • 非常简单的控制器和指令

  • 检查代码中的ng-model,ng-repeater属性。所有这些属性都是用小写字母书写的。

  • 您也可以通过在控制台中输入(ctrl + shift + i)进行检查,然后导航到控制台选项卡。在window.angular.version中键入 - >它显示您当前正在检查的站点的版本。

答案 2 :(得分:3)

您可以尝试:首先angular.version.full。如果这不起作用,请尝试getAllAngularRootElements()[0].attributes["ng-version"]。原因是在Angular 1中,前者将起作用,而从Angular 2起,后者将起作用。

答案 3 :(得分:1)

Google Chrome扩展名为' ng-detector'。它可以从Google网上商店获得:

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

它会在URL栏旁边创建一个小图标,指示它是否认为该页面是使用Angular创建的,尽管我还没有彻底测试其有效性。

答案 4 :(得分:1)

尝试

https://builtwith.com/

这是当前为您提供有关网站使用哪些技术的最详细信息的网站。他们将让您每天进行5次免费查找。

https://wappalyzer.com/

也是很好的一个,可以作为buildwith的补充。我认为查询没有限制,但是结果不太详细。

将两者结合使用可能会为您提供更多见识。

答案 5 :(得分:0)

安装chrome扩展React-Detector,它可以工作!

答案 6 :(得分:0)

您可以安装名为Augury的Chrome或Firefox扩展程序。它告诉您应用程序是否为有角度的。

enter image description here

答案 7 :(得分:0)

window.getAllAngularRootElements()为我工作了

答案 8 :(得分:0)

在浏览器控制台中使用 window.getAllAngularRootElements() 如果它返回某个值是一个角度应用程序

答案 9 :(得分:0)

对于 Angular,在 Chrome 的检查器中的 Elements 选项卡中,body 元素内有一个名为 app-root 的元素,其中包含 ng-version,它显示了它正在使用的 Angular 版本。