NIUCLOUD是一款SaaS管理后台框架多应用插件+云编译。上千名开发者、服务商正在积极拥抱开发者生态。欢迎开发者们免费入驻。一起助力发展! 广告
# **dom** 添加选中dom节点为全局变量方便需要调试多个dom的场景 ![](https://img.kancloud.cn/92/63/926375cea10ada8d2b11600debbd5abb_545x581.png) #### force node state (触发)状态 ![](https://img.kancloud.cn/a4/78/a478581b3a0ce80b544026dd13294704_546x315.png) #### copy element ![](https://img.kancloud.cn/9f/0f/9f0fdc19a9089c702a5052667e7c90ca_544x282.png) ### style/class #### 给选中元素添加一个 class 名 ![](https://img.kancloud.cn/e9/00/e90018ad18c05cd657d6a38169628129_542x160.png) #### 修改元素的盒模型大小 ![](https://img.kancloud.cn/90/35/9035f1d7fa19e0599df981f1b27b93c7_546x128.png) ### network **block**特定的请求 快捷键:command + shift + p -> show request blocking ![](https://img.kancloud.cn/7e/28/7e28e2bfa863d37d5d72391b592c9e57_546x303.png) #### 改变请求的 user agent 快捷键:command + shift + p -> network conditions 切换 user agent ![](https://img.kancloud.cn/29/23/2923b50e6b103e324729530906b54f20_543x232.png) ### javascript #### 断点,断浏览器的行为(比如 click、mouse 等等) 拦截浏览器的行为 ![](https://img.kancloud.cn/ef/0f/ef0f5fccce7cd340ef111a1bb5932442_543x539.png) #### 快速改变拦截的变量的值 双击改变拦截变量的值 ![](https://img.kancloud.cn/11/cb/11cb382fc1183c76e3ffb07c205e4cd2_545x401.png) #### 添加 watch 表达式 ![](https://img.kancloud.cn/23/d0/23d0c7ecf8099947351fd49231c0db92_543x396.png) #### 条件断点 设置断点的条件 ![](https://img.kancloud.cn/b3/dd/b3ddb1b26a040d9537f6511743238a50_542x283.png) #### 快速调试代码片段 Snippet(片段)代码调试,不需要创建特定的页面 ![](https://img.kancloud.cn/84/59/8459e5bc9784325f498c3b3b1cd9ec9b_543x254.png)