Developer Tools

DomFlags

4.6
14
1558
5

Visit domflags.com

Create keyboard shortcuts to inspect dom elements much faster.

– Use Opt + Shift + D to add/remove a domflag attribute
– Use Opt + Shift + [1..3] to inspect domflag #1, 2, 3.
– Make DomFlags persist by adding the ‘domflag’ attribute to your HTML documents.

The DomFlags panel is created when the web inspector is open and the DOM contains at least one element with a ‘DOMFLAG’ attribute.

Changelog:
** v1.3.0** 8/31/14
– Make the keyboard shortcuts more discoverable in the UI.
– Add an option to toggle panel visiblity when empty.

** v1.2.6** 7/28/14
– Bug fixes.
– Use local instead of sync storage.

** v1.2.5** 7/27/14
– Bug fixes

** v1.2.4** 7/25/14
– Bug fix where users would see an inject.js error. Compatibility with Angular.js

** v1.2.3** 7/20/14
– Bug fixes for compatibility w/ember.js and other frameworks.

** v1.2.2** 7/19/14
– Use shorthand selectors in panel.
– Fix a bug that broke Chrome 37+

** v1.2.1** 6/22/14
– Bug fixes.

** v1.2.0 ** 6/19/14
– NEW keyboard shortcuts!
– Toggle a domflag attribute: Alt + Shift + D
– Inspect a domflag: Alt + Shift + 1 … 9
– Converted panel to ShadowDOM.
– Improved performance of panel creation.
– Chrome 35+ required.

** v1.1.0 ** 4/19/14
– Added an options page to customize the auto-focus features in DomFlags
– Added a toolbar menu and icon for quick access to the settings.

DomFlags
Related posts
Developer Tools

Browserling - Cross-browser testing

Developer Tools

Selenium Page Object Generator

Developer Tools

IP Address and Domain Information

Developer Tools

APK Downloader for Google Play Store™

5 Comments

Comments are closed.