Some chrome debugging

1.command + shift + P

Transform theme theme
screenshot capture


2. Add code fragment Sources-> Snippets-> new Snippets-> save, run

3.command + p quickly find resources


4.console the '$'
(1)
$ 0 is a reference to our currently selected html node
$ 1 is a reference to the last selected node
$ 2 is a reference to the node before that selected
...
all the way to $ 4

(2)
$ and $$
document.querySelector ( 'div') = $ ( 'div') List returns the Node
Array.from (document.querySelectorAll ( 'div')) === $$ ( 'div') returns the node array

(3)
$ _: a reference to the results of the last execution of
Math.random ();
$ _

(. 4)
$ I: in which Dev Tools used npm plug
mounting plug Chrome: Console Importer
$ I ( 'Moment')
Moment () the format. ( "The MM-DD-YYYY HH: mm: SS")

5.network
Initiator: mouse suspended call stack display
request filtering: method: POST
custom request table: Right
not refresh request to resend the XHR

 

Guess you like

Origin www.cnblogs.com/vicky24k/p/11372069.html