如何从浏览器检查哪个版本的 Angular？答案

【问题标题】：How can I check which version of Angular from browser?如何从浏览器检查哪个版本的 Angular？
【发布时间】：2018-07-27 07:45:28
【问题描述】：

我正在尝试在线购买 angular 5 模板，所以我只想确认 angular 版本。我已经检查了这个关于 Angular 的问题：-

How can I check which version of Angular I'm using?

但是在这个问题中，应用程序版本如下图所示，是从开发工具中捕获的，

ng-version is in app tag.

但在我尝试购买的模板中具有以下结构。

ng-version is in body tag.

所以，只是为了再次确认我刚刚安装了 Angular 5。在他们显示的新安装的应用程序中，

ng-version is in app-root.

该模板还有其他文件，例如，

<script type="text/javascript" src="inline.bundle.js"></script>
<script type="text/javascript" src="polyfills.bundle.js"></script>
<script type="text/javascript" src="styles.bundle.js"></script>
<script type="text/javascript" src="vendor.bundle.js"></script>
<script type="text/javascript" src="main.bundle.js">

我也尝试过angular.version，但它对我不起作用。

因此，确认他们使用的是 Angular App 而不是其他东西，但我对它是 Angular-2,4 或 5 感到困惑。

有没有其他方法可以确定它运行的是哪个版本？

【问题讨论】：

Possible duplicate of following link. Try this Method.
@Ahsan9981。我已经提到我检查了同样的问题。但我的问题完全不同。

标签： angular angular5

【解决方案1】：

使用 ng-version 属性是识别 Angular 版本号的正确方法。如果您需要更多确认，可以在控制台中执行：

getAllAngularRootElements();

这将向您展示 Angular 元素。或者更准确地说

 getAllAngularRootElements()[0].attributes["ng-version"];

【讨论】：

嘿，谢谢您的回复，但它显示 getAllAngularRootElements() 未在浏览器的开发控制台中定义。
getAllAngularRootElements 是在 Angular 2 的 beta.8 中实现的，所以应该知道。
它适用于 Angular 6，但不适用于 Angular 7。通过这些网站验证 -> madewithangular.com/categories/angular
其中一些不是 Angular 应用程序。对于那些，它仍然有效。 ng-version="7.2.8"
@naXa 正如 KylerLove 所建议的那样，该页面上的一些网站不再使用 Angular 或 AngularJs。

【解决方案2】：

由于 Kyler 的帮助，我发现这个模板不是用 Angular-5 构建的。它低于 Angular 2 版本 beta.8（我不知道确切的版本，但它不是 Angular-5）。

他们表明它们是用 Angular-5 制作的，但不是因为它向我显示了错误。

Uncaught ReferenceError: getAllAngularRootElements is not defined

因为参考了这个 git 的问题：- https://github.com/rangle/augury/issues/245

我发现getAllAngularRootElements() 将适用于 Angular2 版本 beta.8 及更高版本。因此，这意味着它低于 Angular 2 版本 beta.8。

我已经在我的 Angular-5 应用程序中尝试了这个功能，并且该功能有效。

【讨论】：

【解决方案3】：

最简单的方法是在浏览器和控制台抽屉中按 F12 type -

angular.version

你会看到版本。您也可以执行 angular.version.full 并给出类似 "1.6.6"

【讨论】：