重新发起请求
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/ca0d0f47b950c52a4292501024157b5f.gif#pic_center)
在控制台发起请求
- 选中请求,选择Copy as fetch
- 控制台粘贴代码
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/7664195770f179287dbd3ef6e0c5ca20.gif#pic_center)
复制JavaScript变量
- 使用copy函数,之后直接cv就行
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/83442c37a36d5cc6d11be53007db61be.gif#pic_center)
获取Elements面板选中的元素
- 选中元素后,$0获取
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/0f443033840001fdd646776d140f0371.gif#pic_center)
截取一张超出滚动条的全屏网页
- f12打开开发者面板
- command+shift+p打开命令
- 输入Capture full size screenshot 按下回车
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/5707dcafc8a71cf4d18f37a1d254bf0d.gif#pic_center)
- 若要截取选中的部分元素,选中元素后输入Capture node screenshot
一键展开所有DOM元素
控制台引用上一次执行的结果
'fatfish'.split('')
$_.reverse()
$_.join('')
控制台选择dom元素
- "$“和”$$"选择器,对应document.querySelector和document.querySelectorAll
条件断点
- 假设有下面这段代码,希望食物名字是🍫时才触发断点
- 如果直接打断点,会调试很多次
const foods = [
{
name: '🍔',
price: 10
},
{
name: '🍫',
price: 15
},
{
name: '🍵',
price: 20
},
]
foods.forEach((v) => {
console.log(v.name, v.price)
})
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/b85704274812f1e0bdd337380270a8da.gif#pic_center)