h5頁面調試小技巧

藉助 Chrome 的書籤功能

1. 打開書籤管理頁
2. 右上角三個點「添加新書籤」
3. 名稱隨意，粘貼如下代碼到網址中
4. 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>'; } })();

 

選擇書籤後的效果：

 

 

 不用書籤的話，其實就是html,body{outline:solid 1px red;}不適用border，由於它要改變寬高