基本信息

更新日期:
包名:
hbhnkfhblakpfhcpepeoogmakimflibk
版本:
2.0.2016.312
大小:
1.07MiB
类型:
扩展
平台:
Chrome
评分:
4
发布日期:
2016-03-13
价格:
免费
开发者:
www.illuminations-for-developers.com

Illuminations插件截图

【图】Illuminations(截图1)

Illuminations插件简介

Illuminating the web, one framework at a time… see how the web really works!

A browser extension that takes JavaScript frameworks and makes their internals visible, including views, models, class names, and more.

Element Highlighting

Now, when you hover the mouse over a widget or view, it will highlight the component on the page. It shows you exactly what that object is all about.

Contextual Menu

When you right click on an element in Chrome, it adds an “Inspect” menu item to open the DevTools and bring you to that element in the Elements panel. Illuminations does the same sort of thing, but tries to find the best match: ideally some sort of UI widget, else an Element or jQuery object.

Illumination Panel

There is a new panel added to Chrome DevTools called Illuminations. This Illuminations panel is the place to inspect framework objects: Widgets/Views, Data (stores, collections, records, fields), and Elements. These views show the hierarchical structure of your code. It really takes some playing around with all of the above to get a feel of how useful and fun debugging can be again.

Side panels include Properties (sorted by the object that defined the property) and Docs that will bring up documentation for the component you are looking at!

And whatever you click on can be found in the $l variable in the console — which is awesome if all the references to that object are hidden in JavaScript closures!

类似Illuminations插件

Easily inject javascript libraries f..
Easily inject javascript libraries from the console Console injector allows easy injection of javascript scripts into any page from the console, using the following simple syntax: ..
Inject JavaScript code into every pa..
Inject JavaScript code into every page (e.g. to help with debugging). For example, make your own wrapper for console logging. Web Injector injects whatever custom JavaScript code y..
An extra sidebar on the Elements pan..
An extra sidebar on the Elements panel to quickly toggle/edit classes, attributes and states (checked, selected) Say hi: http://twitter.com/sillero Issues and source: https://githu..
Audit jQuery's delegated events, int..
Audit jQuery's delegated events, internal data, and more. jQuery Audit creates a sidebar in the Elements panel containing jQuery delegated events, internal data, and more, as live ..
Extends the developer tools to debug..
Extends the developer tools to debug form fields on the page. Creates a panel to debug all forms. Export form states to JSON. Developer Tools Extension panel to debug form elements..
Explore your javascript runtime This..
Explore your javascript runtime This extension allows developers to search javascript objects in runtime by their name or value. It traverses the entire javascript objects graph an..
This extension add to Chrome Dev Tools a new XHR JSON Panel that presents the most important data sent/received in an Ajax process.
This extension add to Chrome Dev Tools a new XHR JSON Panel that presents the most important data sent/received in an Ajax process. The extension presents a list with all XHR reque..
Quickly removes HTML UI validations ..
Quickly removes HTML UI validations for back-end validation testing DESCRIPTION: LazySec is a very simple tool designed for software testers but of general use. It helps in the tas..
This extensions displays some techni..
This extensions displays some technical and structural performance data of websites. This extension determines and displays some very useful performance data of websites in a quick..
Google Chrome™ Dev Tools extension f..
Google Chrome™ Dev Tools extension for debugging Sencha™ applications. App Inspector for Sencha™ is an extension for Google Chrome DevTools which makes debugging Sencha Ext JS and ..
MyHook is a Tool which helps you exp..
MyHook is a Tool which helps you exposing your local services for your clients, team mates and other development tools. MyHook is a Development Tool which helps you exposing your l..
Tree view of file directory of repos..
Tree view of file directory of repository on Gitlab. Making GitLab smarter. Octotree alternative for GitLab. SpanTree makes navigating a GitLab repository feel like a breeze by pro..
在任何网站上添加超级轻松右键单击 “什么alt”,以便您可以轻松查找描述并将其用于图像alt标签。
在任何网站上添加超级轻松右键单击 “什么alt”,以便您可以轻松查找描述并将其用于图像alt标签。
Go directly to sf jira with your cli..
Go directly to sf jira with your clipboard content Quick Glance: Copy a bunch of text including tickets id (Noisy text included is totally fine!) info from anywhere > Turn on Ch..
QQ邮箱、163(126)邮箱、263企业邮箱批量工资条插件 1. 完美嵌入网页,邮箱网站功能扩展; 2. 邮件群发助手,化繁为简; 3. 主题动态设定;
QQ邮箱、163(126)邮箱、263企业邮箱批量工资条插件 1. 完美嵌入网页,邮箱网站功能扩展; 2. 邮件群发助手,化繁为简; 3. 主题动态设定;
摆脱旧的、过时的REST API!在一个问题上产生一个全新的闪亮的GraphQL端点。
摆脱旧的、过时的REST API!在一个问题上产生一个全新的闪亮的GraphQL端点。
Данное расширение предназначено для работы с электронной подписью на веб-порталах с испо..
Данное расширение предназначено для работы с электронной подписью на веб-порталах с использованием браузера Google Chrome. Поддерживает работу с различными криптопровайдерами (СКЗИ..
Testing auto deployment to Chrome Testing auto deploy to Chrome via Travis CI.
Testing auto deployment to Chrome Testing auto deploy to Chrome via Travis CI.
Discover and download Lottie files used on a page
Discover and download Lottie files used on a page
Open current page, link, or all tabs..
Open current page, link, or all tabs in the Waterfox browser. This extension opens the current tab or links in the Waterfox browser. Using this extension you can send links to Wate..

Illuminations插件下载

免费下载插件商店