Here's a page to test Flash (red or general flash)
I like to use this Bookmarklet Crunchinator.
-
Flash rectangle overlay
-
Outline and Hide CSS background images
- javascript:(function(){var tags=document.getElementsByTagName('*');var element;for(var i=0;i<tags.length;i++){element=tags[i];if(element.currentStyle){if(element.currentStyle['backgroundImage']!=='none')element.style.outline='2px solid #f00';}else if(window.getComputedStyle){if(document.defaultView.getComputedStyle(element,null).getPropertyValue('background-image')!=='none')element.style.outline='2px solid #f00';}}if(confirm("Do you want to hide the background images?")==true){for(var i=0;i<tags.length;i++){element=tags[i];if(element.currentStyle){if(element.currentStyle['backgroundImage']!=='none')element.style.backgroundImage='none';}else if(window.getComputedStyle){if(document.defaultView.getComputedStyle(element,null).getPropertyValue('background-image')!=='none')element.style.backgroundImage='none';}}}else{alert("Background images will be outlined.");}})();
-
Highlight CSS content
- javascript:(function(){var sheets=document.styleSheets;var pseudoClasses=[],i=0,j=0;for(i=0;i<sheets.length;i++){try{var rules=sheets[i].cssRules;for(j=0;j<rules.length;j++){if(rules[j].selectorText.indexOf(':before')!=-1||rules[j].selectorText.indexOf(':after')!=-1){pseudoClasses.push(rules[j].selectorText);}}}catch(ex){}}var classes=[];var classesLength;if(pseudoClasses.length>0){pseudoClasses=pseudoClasses.join(',').split(',');for(i=0;i<pseudoClasses.length;i++){var colonPos=pseudoClasses[i].indexOf(':');if(colonPos!=-1){classes.push(pseudoClasses[i].substring(0,colonPos));}}}classesLength=classes.length;if(classes.length>0){alert('The list of '+classesLength+' pseudo-elements with :before or :after are: '+classes+'.\n\nKeep Going!!');}else{alert('There is no CSS content.');return;}var eachClass,i;var eachClassBefore,eachClassAfter;for(i=0;i<classes.length;i++){eachClass=classes[i];eachClassBefore=eachClass.concat("::before");eachClassAfter=eachClass.concat("::after");document.styleSheets[0].addRule(eachClassBefore,'background-color: orange');document.styleSheets[0].addRule(eachClassAfter,'background-color: yellow');}alert("CSS content will be highlighted. \n\nOrange highlight on BEFORE content. \nYellow highlight on AFTER content.");})();
-
CSS absolute position
- javascript:(function(){{var x=document.getElementsByTagName("*");var i;var count=0;var all=[],cssprop,thisclass;var absolutes=[];for(i=0;i<x.length;i++){cssprop=window.getComputedStyle(x[i],null).getPropertyValue("position");if(cssprop=="absolute"){absolutes.push(x[i]);count=count+1;x[i].setAttribute("style","background-color: lime;");}}alert("there are "+count+" absolute positions: "+absolutes);if(confirm("Remove the absolute position style?")==true){for(i=0;i<absolutes.length;i++){thisclass=absolutes[i];thisclass.setAttribute("style","background-color: lime; position: static;");}}else{alert("The absolute positions are highlighted.");}}})();
-
Show links
- javascript:for(l=0;l<document.all.length;l++){if(document.all[l].tagName=='A'){with(document.all[l].style){if(backgroundColor=='lime'){void(backgroundColor=document.bgColor)}else{void(backgroundColor='lime')}}}}
-
Page Title
- javascript:(function(){alert("The page title is: "+document.title);})();
-
Highlight Icon (fonts), doesn't work on typed html unicode fonts...yet.
- javascript:(function(){var sheet=document.createElement('style');sheet.innerHTML="i, .fa, .glyphicon, .material-icons, [data-icon] { background-color: lime; }";document.body.appendChild(sheet);})();