UI调试黑科技

1. 打开谷歌浏览器

2. 书签栏右键添加书签

3. 名称随意，网址粘贴以下代码

 javascript: (function() {
	var elements = document.body.getElementsByTagName('*');
	var items = [];
	for (var i = 0; i < elements.length; i++) {
		if (elements[i].innerHTML.indexOf('html * { outline: 1px solid red }') != -1) {
			items.push(elements[i]);
		}
	}
	if (items.length > 0) {
		for (var i = 0; i < items.length; i++) {
			items[i].innerHTML = '';
		}
	} else {
		document.body.innerHTML +=
			'<style>html * { outline: 1px solid red }</style>';
	}
})();

5. 在需要调试的网站点击刚刚新建的书签

为元素自动加上outline属性，便于调试，观察位置尺寸等