当前位置: Chrome插件上海时时乐 > 开发者插件 > ng-inspector for AngularJS Chrome插件

ng-inspector for AngularJS Chrome插件

开发者插件
 

ng-inspector for AngularJS Chrome插件图文教程

ng-inspector for AngularJS插件概述

ng-inspector是一个浏览器扩展,显示检查器面板实时显示当前页面中的AngularJS作用域层次结构,以及哪些控制器或指令与哪个作用域相关联。只要将鼠标悬停在检查器中的范围上就可以突出显示该范围附加到的DOM元素。单击模型将console.log该模型的内容。该扩展程序在带有Angular徽标的地址栏旁边添加了一个按钮,用于打开和关闭窗格。
ng-inspector for AngularJS插件概述

ng-inspector for AngularJS插件特征

1、范围
在AngularJS应用程序中查看整个范围层次结构。单击窗格中的范围以console.log记录其分配的DOM节点。
2、DOM突出显示
当您将鼠标悬停在窗格中的范围上时,其DOM节点将在页面中突出显示。
3、控制器,指令…
ng-inspector会识别并显示触发其创建的控制器和指令以及每个示波器。
4、楷模
查看所有示波器的模型,它们的类型和值。单击该模型以console.log记录其值。
5、即时的
与应用程序交互时,ng-inspector会实时更新所有内容。

ng-inspector for AngularJS插件下载安装

1.你可以从chrome应用商店里找到ng-inspector for AngularJS插件,如果你的chrome应用商店无法打开,你可以在本站的下方找到ng-inspector for AngularJS插件下载地址,当然你也可以借助于谷歌访问助手或者其他手段访问chrome应用商店。
2.离线安装的方法参照一下方法:老版本chrome浏览器,首先在标签页输入【chrome://extensions/】进入chrome扩展程序,解压你在本站下载的插件,并拖入扩展程序页面,它会提示你是否安装该插件,点击添加即可。
ng-inspector for AngularJS插件下载安装
3.最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息,参照:Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法,安装好后即可使用。
ng-inspector for AngularJS插件下载安装

ng-inspector for AngularJS插件使用方法

1.在安装好后,在浏览器的右上方会出现ng-inspector for AngularJS插件的按钮。

ng-inspector for AngularJS插件使用方法
2.点击插件图标会出现下图的设置页面,根据你的需求设置即可。
ng-inspector for AngularJS插件使用方法
3.将鼠标悬停在检查器中的范围上会突出显示该范围附加到的DOM元素。 单击模型将console.log该模型的内容。
4.ng-inspector for AngularJS插件在带有Angular徽标的地址栏旁边添加了一个按钮,用于打开和关闭窗格。


查看更多

ng-inspector for AngularJS Chrome插件图片

  • ng-inspector for AngularJS插件图片

ng-inspector for AngularJS Chrome插件基本信息

插件名称:ng-inspector for AngularJS 插件作者:ng-inspector.org 插件语言:English 官方站点:http://ng-inspector.org 插件唯一标识:aadgmnobpdmgmigaicncghmmoeflnamj

ng-inspector for AngularJS Chrome插件用户数和评分

下载次数:21858 用户评分:4.28302 (共5分) 参与评分人数:53

ng-inspector for AngularJS Chrome插件文件信息

当前版本:0.5.4 最后更新日期:2019-12-09 文件大小:102KB

ng-inspector for AngularJS Chrome插件下载地址

本站下载 已有 21858 人成功下载

ng-inspector for AngularJS 相关插件

ng-inspector for AngularJS

开发者插件 2020-01-12 23:16:18

ng-inspector是一个浏览器扩展,显示检查器面板实时显示当前页面中的AngularJS作用域层次结构,以及哪些控制器或指令与哪个作用域相关联。

Keyconfig

开发者插件 2019-12-04 00:41:38

Keyconfig是一款帮助用户定制Chrome快捷键的浏览器插件。Chrome用户需要在插件选项中进行配置。 Keyconfig提供了几个预置选项供用户选择。为了避免出现错误,用户可编辑或完全删除一些快

ClixAddon

办公插件 2019-12-20 22:38:45

ClixSense插件可以跟踪您的帐户状态,并在新的PTC广告,调查和微任务中向您发出警报。

网易邮箱

社交插件 2019-12-18 23:25:31

网易邮箱插件(网易邮箱助手插件)是由网易官方推出的一款绿色小巧,完全免费的chrome插件,其主要功能在于帮助用户能够一键登录网易邮箱,在浏览网页的同时,能够随时接收新的

coplay

社交插件 2019-12-13 21:46:12

coplay是一款可以在两个浏览器中同步播放视频的浏览器插件。

Electsys++ 交大选课插件

辅助插件 2019-12-18 23:30:59

Electsys++ 交大选课插件是一款可以帮助同学们选课的浏览器插件,比如点击课程列表的左边可以查询课程的课程表和名额是否满额,从选课、评教、成绩查询等多方面改善网站的用户体验

开眼

办公插件 2019-12-04 22:16:42

开眼是史上操作最简单速度最快最稳定的一款科学上网Chrome浏览器翻墙插件,一键安装,即装即用,无需任何繁琐设置,科学上网,翻墙必备,轻松快速稳定浏览google,facebook,twitter,yout

自媒体人Chrome浏览器必备插件精选神器!

聚合专题 2018-02-27 22:19:47

自从互联网时代起,浏览器使用从最早的IE,到opera,到猎豹浏览器,到360双核浏览器,到火狐,到safari,到目前最喜欢用的chrome。一路下来,chrome的稳定性与扩展性征服了我,成了我必备

红杏叶

开发者插件 2020-01-11 22:37:19

红杏叶插件是基于红杏改造的简单、高效,专为国际化的互联网工作者量身打造的上网神器。

推荐2个查看网页TDK标签浏览器插件

聚合专题 2018-09-07 22:03:41

原标题:推荐2个查看网页TDK标签浏览器插件 最近小编在学习seo,但是出于职业习惯就去搜索了一下一些SEO插件,查看网页TDK标签浏览器插件以前分享过一次,只是分享的插件名,那时

ng-inspector for AngularJS 同类插件推荐

True DNS Analysis / intoDNS Chrome插件

开发者插件 2015-03-17 20:43:36

1点击即时访问,任何领域的CAPTCHA免费的DNS查询,包括国家代码顶级域和
通过点击& QUOT新gTLD域名;真DNS分析/ intoDNS & QUOT ;图标会立刻打开一个新的标签,并在一个非常简单和干净的设计,显示所选标签URL的DNS解析。

拓还与子域名和网址深工作。该扩展还支持国家代码顶级域和版本一样.bike

特点2还新gTLD域名:
- 1点击进入
- 无CAPTCHA要求
- 即时/快速结果

GitHub Issue Preview Chrome插件

开发者插件 2018-06-07 23:20:52

Adds a little preview button next to GitHub issues so that you can get a quick preview of what is discussed in that issue without having to go to the issue page.

- Works on the regular issues

Մեկնարկ Chrome插件

开发者插件 2015-03-25 18:22:14

这次发射将允许您快速访问常用的网站,以及该计划的使用等互动功能:
Մեկնարկը",1,[["这次发射",1000,false,false],["推出",0,false,false],["发射",0,false,false],["启动",0,false,false],["此次推出",0,false,false]],[[0,8]],"Մեկնարկը Ձեզ թույլ կտա արագ մուտք գործել հանրաճանաչ կայքեր, ինչպես նաև օգտվել ծրագ

Viewport Detector Chrome插件

开发者插件 2016-08-07 18:01:51

Viewport detector for bootstrap 3
As you know with the new version of Bootstrap 3 each viewport is represented by a class name respectively are col-lg- , col-md- , col-sm- and col-xs-.
I creat

Xdebug helper Chrome插件

开发者插件 2019-12-06 11:21:12

每个人都必须拥有使用Xdebug调试,分析和跟踪PHP代码的功能。 此扩展将帮助您轻松地启用/禁用调试,性能分析和跟踪,而不必费力地处理POST / GET变量或cookie。对于使用带有Xdebug支持的

开发常用工具(Develop Tools) Chrome插件

开发者插件 2019-11-18 16:57:20

开发常用工具(Develop Tools)Chrome插件是一款可以安装到谷歌浏览器上使用,并支持所有chrome内核浏览器安装操作的浏览器辅助插件,这款开发常用工具包含Unix时间戳、URL编码/解码、汉字转

幸运飞艇官网 上海时时乐 德国时时彩 五分时时彩 北京11选5走势图 秒速时时彩 澳洲幸运10开奖结果 幸运飞艇官网 湖北快3走势 PK10牛牛