h5 page debugging tips

With Chrome bookmarks

1. Open the bookmark management page
2. Upper right corner of the three points "to add a new bookmark."
3. Random name, paste the following code into the URL
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>'; } })();

 

Select the effect after the bookmark:

 

 

 Do not bookmark it, in fact, html, body {outline: solid 1px red;} NA border, because it wants to change the width and height