Skip to content

Instantly share code, notes, and snippets.

@juiceqa

juiceqa/css-debugger.js

Created August 1, 2022 23:40
Show Gist options
  • Save juiceqa/c146fd7b8f866ead5e5cbdccb30b0863 to your computer and use it in GitHub Desktop.
Save juiceqa/c146fd7b8f866ead5e5cbdccb30b0863 to your computer and use it in GitHub Desktop.
Download ZIP
[CSS Layout Detector] #devtools #js
Raw
css-debugger.js
// tiny CSS layout "debugger"
// from https://gist.github.com/addyosmani/fd3999ea7fce242756b1
// puts random color border around each element
/* global $$ */
/* jshint -W016 */
[].forEach.call($$('*'),
function (a) {
a.style.outline = '1px solid #' + (~~(Math.random() * (1 << 24))).toString(16);
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment