Debug

When you doubt why things are not aligning perfectly or overlapping, this will be the perfect helper. It will outline all elements with one click. HTML elements are grouped into six groups, and every group has a unique color.

The Debug feature is disabled by default and it can be activated from Swiss Knifes Features page.

When the debug feature is active, you can find the Bug icon in the top bar.

debug

Debug color groups


Group 1 - #00fbff

body, article, nav, aside, main, section, header, footer, main, div, menu


Group 2 - #da53ff

h1, h2, h3, h4, h5, h6, address, p, hr, pre, blockquote, ol, ul, li, dl, dt, dd, del


Group 3 - #4371d0

span, ins, em, strong, i, b, u, s, small, abbr, q, cite, dfn, sub, sup, time, code, kbd, samp, caption, var, mark, bdi, bdo, ruby, rt, rp, br, wbr


Group 4 - #f0b

table, thead, tbody, tfoot, tr, th, td, col, colgroup, figure, figcaption


Group 5 - #da8301

a, button, datalist, fieldset, form, input, keygen, label, legend, meter, optgroup, option, output, progress, select, textarea, details, summary


Group 6 - #00bf16

img, iframe, embed, object, param, video, audio, source, canvas, track, map, area

Unlimited websites

Lifetime support

Documentation and support

More features comming soon

One price,
Lifetime updates and support

$

40

Price will rise as we add more features
Payments are secured with Stripe and PayPal

30-Day Money-Back Guarantee

Probably you will never need this with our owesome products but here it is just in case. If you aren't completely satisfied within 30 days of purchase, you're more than welcome to get a full refund!
Contact support
Copyright © 2020 dplugins LLC
All Rights Reserved.
Privacy Policy

Newsletter

Be the first one to know the news!