更多>
最新下载
谷歌浏览器插件Cookie master 好用的cookie编辑和管理工具
Cookie master是一个管理网站cookie的工具，可以对cookie进行编辑，不会收集隐私，也没有广告和多余的功能。
0
2026-01-20
简化 GitHub 界面并实用的浏览器扩展 Refined GitHub
Refined GitHub 是一个简化 GitHub 界面并拥有实用功能的浏览器扩展程序。支持 Chrome、Firefox 与 Opera。功能：单击 alt 切换过期 PR comments 与 PR/commit 文件。y 键复制文件的规范链接。comment 中 tab/shift tab 缩进文本。用 Squash and merge 合并请求时，使用 PR 标题作为提交标题。在 co
0
2026-01-20
Python Shell测试python代码、测试正则表达式
这款插件相对来说要小众一些，Python是一种脚本语言，其设计理念强调代码可读性。Python Shell插件适用于偶尔需要用Python做项目的开发者朋友，普通Chrome用户不用下载，程序员专用工具。插件功能并不多，但很实用，提供了测试Python代码语法和测试正则的功能，还附加了一个计算器功能。
0
2026-01-19
Sourcegraph 更好地在Github上阅读和理解项目代码的工具
简单地说，Sourcegraph是一个帮助我们更好地阅读和理解代码的工具。安装插件后进入GitHub，找一个项目，点开一个文件，在工具栏里会看到多了一个View File的按钮，点击此按钮，如下图：这样我们就可利用Sourcegraph很方便地查看代码了，是不是很方便，而且项目结构也非常清晰。相关的插件有Octotree（GitHub开源代码树状结构形式查看）。
0
2026-01-19
谷歌浏览器插件FontViz 轻松查找出网站网页上使用的字体
FontViz 是一款帮助前端开发者识别网页字体的插件，这类的插件我们之前也推荐过，比如whatfont、Fonts Ninja 等等。这类插件彻底改变了网页设计师、开发人员和QA专业人员的字体验证。从字体大小和系列到HTML标签和渲染一致性，FontViz 这个强大的工具为您提供了一套全面的功能，以确保您的网络项目中的像素完美排版。插件值得推荐。
0
2026-01-19
谷歌浏览器插件ReColor 检查电脑屏幕的坏点噪点的插件
ReColor 是一款检测工具，能够查找并修复屏幕上颜色加深的像素，较浅的区域，查找噪点。开启插件后，会全屏显示，如果需要退出，按ESC键或F11键。This extension will run in fullscreen to show various colors on your display and help you detect for dead pixels and also red
0
2026-01-19
谷歌浏览器插件User
User-Agent Switcher是一款方便在浏览器上切换User-Agent 的插件，而且无论您喜欢哪种浏览器或操作系统，做开发做测试还是自己对某个设备类型浏览有偏好可以通过切换user-agent来解决，看到在不同设备下的展示效果。
0
2026-01-19
谷歌浏览器插件SNAP检测「SnapTest」Selenium IDE替代品
SNAP检测「SnapTest」Selenium IDE替代品。在各种框架中创建、维护和自动生成手工QA自动化代码。
0
2026-01-19
谷歌浏览器插件Jam 网页开发 找bug的工具 错误报告工具 记录浏览器中的错误
Jam 是一个网页开发工程必备的工具之一，能够帮你科学快速的寻找bug，并形成一个错误报告，将浏览器中的错误记录下来。
0
2026-01-19
24小时阅读排行榜
- 1 FIMO输出HTML有透明度渐变吗_FIMO输出HTML透明渐变数据【要点】
- 2 php如何防止小程序接口盗刷_php加限流防护策略【教程】
- 3 mysql中覆盖索引的设计与应用场景
- 4 html5布局代码inlineblock间距_html5布局代码行块间距消除【步骤】
- 5 C++ 怎么读取ini配置文件 C++ GetPrivateProfileString用法详解【配置】
- 6 如何使用 PHP 正则表达式精准提取网页中非广告区域的商品店铺区块
- 7 mysql执行SQL时如何进行错误处理与回滚
- 8 trae运行php提示权限不足咋办_traephp权限设置法【方案】
- 9 如何用 Flex 或 Grid 将单列链接列表均分为两列（共用同一标题）
- 10 Laravel Eloquent whereIn 失效问题深度解析与解决方案
- 11 C++计算器怎么写 C++实现四则运算的简单代码【案例】
- 12 css定位与flex布局的结合_使用position优化flex容器内元素
- 13 如何从外部网页（尤其是 SPA 应用）中提取全部商品 URL
- 14 mysql错误日志的查看与分析工具使用
- 15 Go语言关键字有哪些_Golang保留字基础说明
更多>
最新教程
-
- Node.js 教程
- 16192 2025-08-28
-
- CSS3 教程
- 1546721 2025-08-27
-
- Rust 教程
- 23323 2025-08-27
-
- Vue 教程
- 25784 2025-08-22
-
- PostgreSQL 教程
- 22269 2025-08-21
-
- Git 教程
- 9246 2025-08-21
下载首页 / 插件下载 / Chrome插件
如今从事前端开发，大行其道的MVVM框架，决计是绕不过去的存在。那么以下是三大流行框架 Devtools，如需自取。Vue.js devtools、AngularJS BatarangReact 、Developer Tools。本文主要介绍的就是AngularJS Batarang
AngularJS Batarang插件使用方法
AngularJS Batarang插件离线安装的方法参照一下方法：老版本chrome浏览器，首先在标签页输入【chrome://extensions/】进入chrome扩展程序，解压你在本站下载的插件，并拖入扩展程序页即可。
2.最新版本的chrome浏览器直接拖放安装时会出现“程序包无效CRX-HEADER-INVALID”的报错信息，请百度参照：Chrome插件安装时出现"CRX-HEADER-INVALID"解决方法，安装好后即可使用。
3.安装完毕后图标会出现在插件栏里。
4.在chrome浏览器中打开一个Angular应用，并打开控制台，如下图，会发现控制台中多了一个AngularJS的页面，勾选“Enable”，该控件就可以使用了。
5.点开Models，如下图，左侧是该应用下的所有Scope的信息，右侧是Scope对应的模型信息。点击某个作用域，右侧相应的会显示出该作用域中的所有模型信息。 点击Scope前的”<”，会跳到Elements中该作用域所在的DOM标签上。
6.Performace展示的是该应用的性能，左侧显示的是监控树，点击树的节点，跳转至相应的element元素上。右侧显示的是监控表达式的性能，这个页面能帮助我们进行性能优化。
7.Dependenices展示的指令和服务之间的依赖关系，选定某个指令，可以看到其依赖的服务。通过图表把服务之间的依赖关系可视化，红线代表依赖
8.最后是options页面。有三个选项：”show applications,” “show scopes,” 和 “show bindings.”。每个选项勾选时，在debugger时，相应的内容会在页面高亮。
9.如有任何问题，请查看help
10.在Element标签中选定某个标签时，Element页面的右侧的内容，会多一个AngularJS Properties页面，该页面显示的是选定的html内容的作用域的属性，该功能对于对Angular Scope的理解非常有用。如果不是很理解Angular Scope，可以多用一个这个功能。
本站所有资源都是由网友投搞发布，或转载各大下载站，请自行检测软件的完整性！本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架，联系方式：admin@php.cn
相关推荐
热门下载
谷歌浏览器插件Quicker Connector Quicker软件配套的浏览器插件
Quicker Connector 是Quicker软件的浏览器插件，使用户可以通过Quicker动作控制浏览器或网页实现自动化操作。需要结合Quicker软件1.29.0+版本使用。如果您没有使用Quicker软件(https://getquicker.net)，请勿安装此插件。Quicker Connector v0.7.4.0上次更新日期：2023年12月4日
Chrome插件
2025-12-25
谷歌浏览器插件Chrome Extension Downloader 下载Chrome商店的CRX文件
Chrome Extension Downloader 这款工具可以根据您的选择，直接以.crx或.zip文件的形式下载Chrome扩展文件。（1） 根据您的选择，直接以.crx或.zip文件的形式下载Chrome扩展文件。（2） 在线提取并查看Chrome扩展文件的源代码。此扩展不包含任何跟踪源代码或广告代码。您还可以通过使用相同的扩展下载扩展来检查是否注入了任何跟踪或广告代码。根据您的需要，您
Chrome插件
2025-12-25
谷歌浏览器插件NoFollow Simple 用黄色虚线框标注网页上的nofollow文字和图片链接
NoFollow Simple 可以理解成《NoFollow》的简洁版，没有设置项，安装插件后，打开网页，会自动标注网页上加了nofollow的文字链接和图片链接。如果你想要更多选项的扩展，如网站过滤，为链接设置自己的CSS样式，当发现nofollow或noindex元标签时显示信息框，请查看开发者的另一个《NoFollow插件》。
Chrome插件
2025-12-27
谷歌浏览器插件Storage Area Explorer 用于Chrome打包应用程序和扩展的存储区域的简单编辑器
Storage Area Explorer 是一款Chrome开发者工具，用于Chrome打包应用程序和扩展的存储区域的简单编辑器。此扩展仅对扩展开发人员有用，如果您不是开发人员，不要安装这个插件。提示：插件安装成功后，F12键打开Devtool，切换到“Storage Area Explorer”选项卡。
Chrome插件
2025-12-27
谷歌浏览器插件FATREL SEO工具 高亮网页上的NoFollow链接
FATREL 是一款SEO工具，安装插件后，方便你可以在浏览器网页上直观的查看到nofollow链接，针对网页上的nofollow链接，插件会标注红色框框，分辨起来显得更加容易。不止是nofollow，还支持查看Rel=nofollow, Rel=sponsored and Rel=ugc …… nofollow含义：如果你是网页优化新手，可以了解，nofollow的意思是向谷歌发出信号，表示他们
Chrome插件
2025-12-27
谷歌浏览器插件CSS Peeper 提取网页CSS并构建漂亮的样式
CSS Peeper是一款前端开发者插件，是为设计师定制的CSS查看器。使用CSS Peeper 访问有用的样式，让设计师专注于设计，并尽可能少地花时间挖掘代码。有没有想过网站上的行高、字体或按钮大小是多少？我们为您提供满足您好奇心的终极工具。CSS Peeper 可以让您能够以最简单的方式检查代码，检查web上对象、颜色和资源的隐藏CSS样式。
Chrome插件
2025-12-27
谷歌浏览器插件WP Hive为WordPress.ORG显示插件报告
WP Hive是一款针对用WordPress建站用户的插件，利用WP Hive的自有数据在WordPress.ORG的插件页为插件显示一个数据报告。
Chrome插件
2025-12-29
谷歌浏览器插件AMP Validator 谷歌官方提供的AMP验证器
AMP Validator 是一款 AMP验证器插件，是由谷歌官方提供的。AMP即移动网页加速，其将资源托管在谷歌实现用户点击秒开无需等待。The AMP Validator will check the current page to see if it is an AMP page and then run it through the AMP validator and report if
Chrome插件
2025-12-29
谷歌浏览器插件RESTMan 用于处理http请求的浏览器扩展
RESTMan是通过http和https处理RESTAPI的扩展。如何使用单击任务栏上显示的RESTMan图标。在主输入字段中键入url，然后选择要使用的方法：GET/POST/PUT/DELETE/PATCH。单击箭头“发送”或按Ctrl+Enter。
Chrome插件
2025-12-29
谷歌浏览器插件JSON Viewer Pro 可视化JSON
JSON Viewer Pro是一款可视化JSON信息的插件，增强了JSON的易读性，插件无广告且免费。A completely free extension to visualise JSON response in awesome Tree and Chart view with great user experience and options. ✅…A completely free ex
Chrome插件
2025-12-30
