录制了一段讲解视频贴在了B站https://www.bilibili.com/video...视频比文章1更清晰更详细，F12ctrlshifti打开（命令选项i）鼠标右键->inspect（检查）右上角的更多按钮（三个点）->moretools->developertools2、缩放ctrl鼠标滚轮ctrl+/-，重置ctrl0,macCommand+/-,resetcommand03,panel（面板）panels常用element（左边dom，右边style），console（一般用下面的drawer），source（断点），network，application（本地存储，localstorage,sessionstorage,cookie)open/closeconsoledraweresc'openconsoledrawer'/'hideconsoledrawer'勾选consoleswitchdevice(pcandmobile)右上角morebutton(三个点)中的元素(mobile:responsive,custom)切换语言：Settings->language，或者：Settings->restoredefaultsandreload（恢复默认值和重新加载）（会重置所有设置项)Disablejavascript:Settings->disablejavascriptMore:location,hide/showconsoledrawersearch(searchwebsiteresources(inthesoucrepanel))//searchelement,network//filterconsole,networkrun命令等几个panels//一些内置的命令，比如capturefullsizescreenshot（整个页面的屏幕截图），capturenodescreenshot（先在elements面板中选中一个节点，然后运行这个命令，就可以对选中的节点进行截图)//在elements面板中选中一个节点，点击鼠标右键，还有一个抓取节点截图，比较方便//截图注意一下，如果有滚动条，下篇再说是时候谈谈元素面板了
