angularjs batarang chromev0.7.4官方版

angularjs batarang chrome是一个功能强大的batarang插件，可以安装在谷歌浏览器上测试chrome。安装和使用这个angularjs batarang插件可以让您的开发过程更加方便。

功能介绍

模型

点击模型，如下图所示，该应用下所有范围的信息在左侧，范围对应的模型信息在右侧。单击某个范围，该范围内的所有模型信息将相应地显示在右侧。

单击“范围”前的“”，您将跳转到“元素”中该范围的DOM标记。

表演

性能显示应用程序的性能，左侧显示监控树，右侧显示监控表达式的性能。这个页面可以帮助我们优化性能。

从属关系

Dependenices显示指令和服务之间的依赖关系。如果您选择一个指令，您可以看到它所依赖的服务。

选择

最后是选项页面。有三个选项：“显示应用程序”、“显示范围”和“显示绑定”。选中每个选项后，相应的内容将在调试器期间在页面上突出显示。

元素

实际上，我最常用的是元素右侧的angularjs属性标签。当在元素标签中选择了一个标签时，在元素页面的右侧会有一个AngularJS属性页面，显示所选html内容范围的属性。这个函数对于理解角度范围非常有用。如果你不太懂角度镜，你可以再用一个功能。

施用方式

在安装好的Batarang插件的浏览器中打开一个Angular应用，打开控制台；

您会发现控制台中有一个AngularJS页面。选中“启用”即可使用该控件。

安装方法

方法1:crx文件格式插件安装

1.首先，用户点击Google浏览器右上角的自定义和控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序。

3.找到你下载的Chrome的离线安装文件xxx.crx，然后从资源管理器拖拽到Chrome的扩展管理界面。这时，用户会发现在扩展管理器的中央部分会有一个“拖拽安装”的插件按钮。

4.你可以通过释放鼠标将当前拖动的插件安装到谷歌浏览器中，但谷歌会在释放鼠标后提示用户确认安装。

5.此时用户只需点击添加按钮，即可将离线Chrome插件安装到谷歌浏览器中。安装成功后，插件会立即显示在浏览器的右上角(如果有插件按钮)。如果没有插件按钮，用户也可以通过Chrome扩展管理器找到安装的插件。

方法2:文件夹格式插件安装

1.首先，用户点击Google浏览器右上角的自定义和控制按钮，在下拉框中选择设置。

2.在打开的谷歌浏览器的扩展管理器最左侧选择扩展程序。

3.检查开发人员模式，单击加载解压缩的扩展程序，并选择安装插件的文件夹。