HTML development displays layout boundaries

microxdd · Posted on 10/25/2014 10:50:53 PM

This post was last edited by microxdd on 2014-10-25 23:00

The JS code required for HTML development needs to be placed before the code is placed at the bottom of the page</body>
The effect display browser requires IE9 or above

Note
In the code[].forEach.call($$ There are 2 dollar signs here, and the discuz editor has a bug and only shows one.

<script type="text/javascript">
[].forEach.call($('*'),function(e){e.style.outline='1px solid #'+(~~(Math.random()*(1<<24))).toString(16)});
</script>

Copy code

admin · Posted on 10/25/2014 10:52:50 PM

Isn't the js code necessary to be <head>in it?

microxdd · Posted on 10/25/2014 10:56:51 PM

admin posted on 2014-10-25 22:52
Isn't the js code necessary to be in it?

No, it can be anywhere. Some js must be placed at the front, but others must be placed at the end of the document. It depends

admin · Posted on 10/25/2014 10:59:25 PM

microxdd posted on 2014-10-25 22:56
No, it can be anywhere. Some js must be placed at the front, but others must be placed at the end of the document. It depends

Oh, and we haven't learned JS yet, when will Phuket learn?

microxdd · Posted on 10/25/2014 11:01:47 PM

admin posted on 2014-10-25 22:59
Oh, and we haven't learned JS yet, when will Phuket learn?

This code can be used directly in the browser F12 console

admin · Posted on 10/25/2014 11:02:35 PM

microxdd posted on 2014-10-25 23:01
This code can be used directly in the browser F12 console

Then I'll try it with Google Chrome

[JavaScript] HTML development displays layout boundaries

Sections viewed