调试技巧

https://developer.chrome.com/docs/devtools/overview/

• 1、开启方法 Command+Option+C (Mac) or Control+Shift+C (Windows, Linux, Chrome OS). 或者右键 inspect；

• 2、调试DOM

选中网页中的内容，右键inspect，可直接定位到改DOM元素； 可通过上下左右切换dom元素，展开合并dom元素； cmd+f 可搜索DOM； DOM节点可修改节点类型、拖动调整位置、修改内容、focus state（一句话不知道都能干啥，选择某个DOM元素点右键） 把DOM节点设置为全局变量，可在控制台多次使用； DOM元素可以复制，比如复制 js patch；

• 3、样式

修改元素的css样式，Element tab 下有 style；