Create keyboard shortcuts to DOM elements for a faster devtools workflow
DomFlags Chrome Extension
DomFlags is a Chrome extension that allows you to create keyboard shortcuts for inspecting DOM elements quickly. With a simple keyboard combination, you can add or remove a domflag attribute and easily inspect domflags. DomFlags makes your devtools workflow more efficient and is compatible with Angular.js and other frameworks.
Extension stats
This extension was removed from Chrome Web Store on
2022-06-18
Risk impact: Moderate risk impact
Risk likelihood:
Manifest version: 2
Permissions:
Size: 73.32K
URLs: Website
Other platforms
Not available on Android
Not available on Firefox
Not available on Edge
Want to check extension ranking and stats more quickly for other Chrome extensions?
Install
Chrome-Stats extension
to view Chrome-Stats data as you browse the Chrome Web Store.
Extension summary
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.
User reviews
Doesn't work and gives this error:
document.getElementById(...).createShadowRoot is not a function
at t.appendDomflagsPanel
If only I knew about this extension sooner! The only thing is that when I go cmd + shift + [1...3], when I have more than 3, why 3 is the limit? why can't I go cmd + shift + 7 for example?
Apart from that, it's really good.
When pop-out the dev window it doesn't work, either.
Extension safety
Risk impact
DomFlags requires a few sensitive permissions. Exercise caution before installing.
Risk likelihood
DomFlags may not be trust-worthy. Avoid installing if possible unless you really trust this publisher.
Upgrade to see risk analysis details
Promo images
Similar extensions
Here are some Chrome extensions that are similar to DomFlags:
DOM HIGHLIGHTER Web Maker Front End Developer Tools Web Developer Checklist Domquest DevTools Author Emmet Re:view DevTools Classes & Atributes panel Frontest OctoLinker Sizzy CSS Dig npmhub Checkbot: SEO, Web Speed & Security Tester š Code Cola jQuery Inspector CSS Gradient Inspector jQuery Event Callback Lister AngularJS Console CSS Shapes Editor Instrumente HTML DOM Navigation CSS3 Generator Gulp Devtools
http://www.44ux.com
2.60
3,181+
https://webmaker.app
4.80
50,000+
Chance Dai
4.00
535
toptal.com
4.20
50,000+
nickolasburr
5.00
73
Mike King
3.92
7,000+
https://emmet.io
4.35
30,000+
Gustavo Sillero
5.00
283
Matias Gimenez
5.00
435
https://octolinker.vercel.app
4.88
20,000+
Kitze
2.54
10,000+
https://cssdig.com
2.86
10,000+
npmhub
4.53
2,000+
https://checkbot.io
4.92
80,000+
https://www.zhouqicf.com
4.63
20,000+
darryl.dex
3.33
1,430+
Rafael Caricio
5.00
1,000+
http://majorov.su
1.80
898
https://console.ng-app.com
4.33
1,000+
Razvan Caliman
3.82
10,000+
Stefan Petre
4.89
2,143+
hkokila
4.72
3,000+
ahallicks
4.72
10,000+
nikhilesh.k
4.67
625