用户工具

站点工具


foreword:chrome

使用 Chrome 调试网站 CSS

在内容元素上 右击 > 检查 就可以打开元素查看器

chrome右键点击检查

查看器左侧默认打开的是 元素(Elements) 内容,可以看到链接的 HTML 代码;右侧是当前元素的 CSS 代码;

chrome查看元素和CSS代码

在左侧的元素查看器内,可以通过鼠标选择邻近的元素,来查看不同的元素,同时,右侧的 CSS 代码查看器也会有变化。

添加/修改 CSS 代码,可以实时查看到添加/修改后的效果,这很形象而且高效,但是要注意,这里的添加/修改,只是调试,完成 CSS 代码调试后,应当将修改后的 CSS 代码复制到 WordPress 子主题中,再次前台刷新(有时可能需要强制刷新 Ctrl+F5 )浏览网页就可以了。

foreword/chrome.txt · 最后更改: 2021/08/06 11:37 (外部编辑)