怎样使用chrome调试前端html和css

如题所述

按F12进入控制台模式 或者选中内容 右键 审查元素
ELements html css调试 选中html标签右边就是css
右键标签Edit as HTML 为修改当前标签html代码 Edit as Text 是修改text内容
css去掉钩子 就能失效了 右上角加号添加新选择器 元素后面点击添加新元素
还有一些常用的
sources 来源文件 CSS JavaScript之类文件调试debug
Network 页面请求 get post之类 一般用来抓包的
Application 存websql Local Storage cookies增删改查的地方

console 就是控制台了 可以输入JavaScript代码 或者console函数输出的地方
温馨提示:答案为网友推荐,仅供参考
第1个回答  2017-09-29
哦 按下F12打开控制台,点击element选项卡,可以看到页面的每个dom节点和对应样式
可以对其进行修改

相关了解……

你可能感兴趣的内容

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 非常风气网