位置: 编程技术 - 正文

使用Chrome浏览器调试AngularJS应用的方法(使用chrome浏览器打开)

编辑:rootadmin

推荐整理分享使用Chrome浏览器调试AngularJS应用的方法(使用chrome浏览器打开),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:如何使用Chrome浏览器,使用chrome浏览器观看,使用chrome浏览器提示需要chrome,使用chrome浏览器打不开网页,如何使用Chrome浏览器,使用chrome浏览器观看,使用chrome浏览器打不开网页,如何使用Chrome浏览器,内容如对您有帮助,希望把文章链接给更多的朋友!

当我们构建AngularJS应用时,通过浏览器(如Chrome,Firefox和IE)的JavaScript控制台访问应用中隐藏的数据和服务总会有些困难。下面是一些简单的技巧可以帮助我们通过Javascript控制台来查看或者控制正在运行的Angular应用,使得应用可以比较容易进行测试,修改,甚至实时的修改我们的Angular应用:1: 访问作用域

通过一行简单的JS程序访问页面中任何作用域(甚至是隔离的作用域!):

对于隔离作用域:

这里用`targetNode`作为HTML节点的引用。你可以非常轻松的通过`document.querySelector()`来创建一个`targetNode`

2:查看作用域树

有些时候,我们需要查看页面中作用域层次来有效的调试我们的应用。AngularJS Batarang正是我们需要的一款Chrome浏览器的扩展,可以展示当前作用域层次,并具有其他非常有用的特性。

3: 抓取任何服务

使用Chrome浏览器调试AngularJS应用的方法(使用chrome浏览器打开)

无论ngApp在哪里定义,我们都可以使用注入器功能来抓取任何的服务的引用(如果使用angular的bootstrap方法,则可以手动抓取$rootElement):

然后我们就可以对该服务进行调用,就像我们可以将服务注入一样。

4: 访问控制器使用指令

一些指令定义了一个拥有某些额外(通常是分享)功能的控制器。为了从控制台访问一个给定指令的控制器实例,只需使用 controller() 方法:

最后一种做法更高级并且不常用。5: Chrome 控制台特性

Chrome浏览器的控制台有一堆不错的捷径 来调试浏览器应用。这是一些Angular开发中最好的做法:

$0-$4: 访问最近在查看窗口中进行选取的 5 个DOM元素。选择抓取的范围非常方便。 $(selector)和$$(selector): 分别是querySelector() 和 querySelectorAll的一个快速的替代

感谢 @zgohr 提供这种方法!

结论

通过几个简单的技巧,我们可以访问页面任何作用域中的数据,查看作用域层次结构,注入服务和控制指令。

所以下一次,如果你想稍微进行调整,检查自己的工作或者通过控制台控制AngularJS一个用,我希望你能记住这些命令,并且能做到像我一样觉得他们非常实用!

使用AngularJS创建自定义的过滤器的方法 Angularjs过滤器是angularjs非常棒的特性之一。有朝一日,你可能需要使用自定义过滤器,幸运的是,你找到了这篇博文。下面显示的是自定义过滤器长什

使用AngularJS编写较为优美的JavaScript代码指南 本文示例代码下载:modulePattern.zip-所有的4个HTML文件以及panacea.js-1.6KB介绍AngularJS的库里面有很多东西,但本文中我只想专注于小的,针对特定主题的库

详细解读AngularJS中的表单验证编程 需求Name必填Username非必填,最小长度3,最大长度8Email非必填,但必须是合法的email验证未通过的表单不能提交显示一个必填或者非法email格式的错误信息

标签: 使用chrome浏览器打开

本文链接地址:https://www.jiuchutong.com/biancheng/380434.html 转载请保留说明!

上一篇:深入讲解AngularJS中的自定义指令的使用(深入讲解MACD:MACD红绿柱)

下一篇:使用AngularJS创建自定义的过滤器的方法(angular创建service)

  • 从香港向境外汇款怎么汇
  • 车保保险合同
  • 没达到起征点需要申报吗
  • 信用减值损失是损益类的收入类还是费用类
  • 未到账的银行存款怎么取
  • 在建工程明细账采用什么账簿
  • 防伪税控服务费怎么算
  • 取得失控发票
  • 个人独资企业服务中心是干嘛的
  • 捐赠和赞助业务的税务处理怎么做?
  • 营改增后建筑企业的账务处理
  • 企业未能实施个人所得税代扣代缴是否会罚款呢?
  • 延迟付款确认是怎么回事
  • 个人所得税期末为负数审计调整
  • 财务软件服务费属于什么费用
  • 生产型企业出口非自产产品能享有退税吗
  • 一般纳税人所说的税率是
  • 收到委托代销清单,确认收入的会计分录
  • 挂靠的工程个人所得税怎么交?
  • 先亏后盈法案例分析
  • 一人独资公司设立的条件
  • 受托方委托加工费会计分录
  • 企业从境外收回所得税
  • 企业支付工商年费怎么查
  • 预付账款怎样记账
  • 工厂的绿化费进项税额
  • 餐饮业会计做账技巧
  • 新个人所得税的发展现状
  • PHP:mb_strtolower()的用法_mbstring函数
  • 药品推广服务费怎么开票
  • vue获取本地文件生成流
  • P2PNetworking3.exe - P2PNetworking3是什么进程 有什么用
  • 微信小程序下单可以退款吗
  • Otter Cliffs, Acadia National Park, Maine (© dbimages/Alamy)
  • php数据类型分为哪几类
  • 在筹建期间发生的开办费
  • php二维数组的遍历
  • 基建账并账规定
  • 前端开发常用技术
  • 确认收入的五个原则
  • 海外佣金需要交税吗
  • 开发支出的含义
  • 空调入固定资产几年折旧
  • 销售后返现怎么算
  • 跨年的发票可以退税吗
  • php算法有哪些
  • 电脑word怎么学
  • 出版社出版带有编码吗
  • 为什么出台农产品质量安全法
  • 技术转让和技术开发区别
  • 建设工程合同从完成承包的内容进行划分
  • 收到货款发货了没开发票怎么入账
  • 债券到期的账面价值计算
  • 账簿包括哪些基本内容
  • 收到退回的以前的快递
  • 实际成本法下采购材料的会计分录
  • 进口代理费取费标准
  • 结转本月收支
  • 预付账款科目的余额如果在借方,则在资产负债表上
  • 新开办的企业怎么做账
  • 业务招待费汇算清缴比例
  • 离职员工还怎么交社保呢
  • 进项税转出补缴增值税 城建税及两费
  • 苹果mac录制屏幕
  • win 7操作系统安装
  • redis-stat监控
  • 怎么有才能
  • linux充当虚拟内存的是哪个分区
  • python中map函数功能
  • 搭建nodejs
  • css表格设置边框
  • 安卓编程视频教程
  • 总体把握是什么意思
  • 深入理解新发展理念
  • Android的PopupWindow使用android学习之旅(四十三)
  • 税务局稽查科是干什么的工作
  • 电子税务局存款账户备案
  • 地下车库是否缴房产税
  • 国家税务局的单位性质是什么
  • 税务报道是干什么
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设