摘要: 编辑样式 使用Styles(样式)窗格修改与元素关联的CSS样式。 TL;DR Styles(样式)窗格允许您以尽可能多的方式更改本地CSS,包括编辑现有样式,添加新样式,添加样式规则。 如果你想要样式持久(他们页面重新加载而丢失),您需要将它们持久化到您的开发工作区。 检查应用到元素的样式 选择一 阅读全文
posted @ 2021-05-05 14:31 君*邪 阅读(1667) 评论(0) 推荐(0)
摘要: 检查动画 使用Chrome DevTools Animations(动画)检查器检查和修改动画。 TL;DR 通过打开Animation Inspector(动画检查器)捕获动画。它会自动检测动画并将它们分组。 通过减慢动画,重播动画,或查看源代码,来检查动画。 通过更改动画的时间,延迟,持续时间或 阅读全文
posted @ 2021-05-05 14:19 君*邪 阅读(672) 评论(0) 推荐(0)
摘要: 编辑DOM Chrome DevTools Elements(元素)面板中的DOM树视图显示当前网页的DOM结构。通过DOM更新来实时编辑您的网页的内容和结构。 TL;DR DOM定义了页面的结构。每个DOM节点都是页面元素,例如,头部(header)节点,段落(paragraph)节点。 通过渲染 阅读全文
posted @ 2021-05-05 14:08 君*邪 阅读(498) 评论(0) 推荐(1)
摘要: 教程链接:https://www.html.cn/doc/chrome-devtools/settings/ 阅读全文
posted @ 2021-05-05 11:08 君*邪 阅读(64) 评论(0) 推荐(0)