录制了一段讲解视频贴在了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)Switchlanguage:Settings->language,或者:Settings->restoredefaultsandreload(恢复默认值和重新加载)(会重置所有设置项)Disablejavascript:Settings->disablejavascriptMore:location,hide/showconsoledrawersearch(searchwebsiteresources(inthesoucrepanel))//searchelement,network//filterconsole,其他几个面板的networkrun命令//一些内置命令,比如capturefullsizescreenshot(整个页面的截图),capturenodescreenshot(先在元素面板中选中一个节点,然后运行这个命令,可以对选中的节点进行截图)//在元素面板中选中一个节点,按下鼠标右键,还有一个capturenodescreenshot,这样比较方便//注意截图有滚动条的,下次说元素面板的时候再说
