css-layout-hack.js

css-layout-hack.js je zanimiv trik, ki nam s pomočjo JavaScripta in CSSja omogoča, da označimo vse elemente strani. V praksi to pomeni, da lahko na hitro analiziramo gradnike katerekoli strani.

Ta trik je bil prvič omenjen na “My favorite CSS hack”, vcastroi pa ga je nadgradil z načinom prižiganja in ugašanja. Spodnjo kodo enostavno shranite med priljubljene. Uporabite jo tako, da, ko ste na strani katero želite analizirati, kliknite na novo ustvarjeno bližnjico. Stran se bo prikazala z označenimi elementi na strani.

javascript: (function() {
	var elements = document.body.getElementsByTagName('*');
	var items = [];
	for (var i = 0; i < elements.length; i++) { if (elements[i].innerHTML.indexOf('* { background:#000!important;color:#0f0!important;outline:solid #f00 1px!important; background-color: rgba(255,0,0,.2) !important; }') != -1) { items.push(elements[i]); } } if (items.length > 0) {
		for (var i = 0; i < items.length; i++) {
			items[i].innerHTML = '';
		}
	} else {
		document.body.innerHTML +=
			'


'; } })();

Vir: https://gist.github.com/vcastroi/e0d296171842e74ad7d4eef7daf15df6

Oznake: bookmarkCSSJS

Komentiraj


*