当前位置: 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.在chrome浏览器安装好后,在浏览器的右上方会出现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基本信息

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

ng-inspector for AngularJS用户数和评分

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

ng-inspector for AngularJS文件信息

当前版本:0.5.4 最后更新日期:2020-06-08 文件大小:102KB

ng-inspector for AngularJS下载地址

ng-inspector for AngularJS相关插件

ng-inspector for AngularJS

开发者插件 2020-03-02 20:21:33

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

Simple WebSocket Client

开发者插件 2020-04-04 00:55:31

Simple WebSocket Client是谷歌Chrome浏览器的扩展,帮助构建自定义Web的Socket请求和处理响应直接测试您的Web服务的Socket 。

Keyconfig

开发者插件 2020-03-06 01:04:50

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

ClixAddon

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

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

网易邮箱

社交插件 2020-03-06 01:32:40

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

coplay

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

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

Electsys++ 交大选课插件

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

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

自媒体人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标签浏览器插件以前分享过一次,只是分享的插件名,那时

Web Components

开发者插件 2020-03-20 00:38:22

作为开发人员,我们都知道尽可能地重用代码是一个好主意。传统上,对于自定义标记结构而言,这并不容易。考虑一下有时需要编写复杂的HTML(以及相关的样式和脚本)来呈现自定义

ng-inspector for AngularJS同类插件推荐

Slugifier Chrome插件

开发者插件 2018-08-27 06:06:31

This extension adds a context menu option that allows you to instantly convert any selected text to kebab-case, or, in other words, turns it into a slug (https://en.wikipedia.org/wiki/Semantic_URL#Slu

Laravel Changelogs Chrome插件

开发者插件 2018-05-02 13:00:47

This extension allows you to be updated with the Laravel PHP Framework change logs. This file is posted within its official repository. Though you are able to check changelogs file on Github, this ext

IP Whois & Flags Chrome & Websites Rating v4.0 Chrome插件

开发者插件 2019-12-30 17:20:12

任何网站上的完整信息-显示显示网站物理位置的国家标志-网站受欢迎程度 (实时访问者统计)。显示每天访问任何世界网站的用户数量
-网站 ip v4 地址
-网站 IPv6 地址
-网站位置
(国家有国旗的州,城市)
-主机名
-DNS 信息
-域名服务器
-Whois 所有者信息
-托管公司网站服务器/托管可

Octopus Variable Copier Chrome插件

开发者插件 2017-01-01 12:37:25

An unofficial tool for copying variable sets. More Info: https://github.com/navidmatin/OctopusVariableSetChromeExt
Unofficial tool for copying variable sets in Octopus Deploy (www.octopus.com).

Bring me there Chrome插件

开发者插件 2017-07-23 03:26:42

Automation for chrome.
Simple automation for SPA testing with full screen capture.
Just register jquery selector and run.
It will automatically wait network connection and webpage navigati

Origin Trials Chrome插件

开发者插件 2018-02-28 12:33:14

Just a simple Chrome Extension that shows an icon in the address bar whenever it detects an Origin Trials token.

Source code is available at https://github.com/beaufortfrancois/origin-trials-

Run Javascript Chrome插件

开发者插件 2019-05-06 09:06:09

每次访问网站时,运行自定义 Javascript。
此扩展对于 web 开发人员和喜欢通过注入额外的 javascript 来操纵他们经常篡改的网站的人特别有用DOM。
添加任何你喜欢的 javascript,将来每次访问网站时都会自动执行。 jQuery 3.3.1 是预加载的,所以你可以使用所有的 $ magic立即!

Roger Watcher Chrome插件

开发者插件 2015-03-05 17:37:51

验证器的通用分析实现
罗杰守望者是谷歌Chrome扩展,以帮助调试通用Analytics(分析) 。它会记录发送到谷歌的服务器每一击,这样就可以很容易地检查参数是否正发送,伴随着他们的价值观,在一个用户友好的格式。此外,它提供了一个简单的观点,其中命中了设置错误,缺失或错误的参数。A validator",1,[["验证器",1000,false,false],["一个验证器",0,false,false],["一个验证",0,false,false],["一个校验器",0,false,false