wordpress雪花,网站搜索优化技巧,wordpress音频播放列表,保定信息平台网站建设来说说这个Chrome调试工具吧#xff0c;梦回gdb#xff0c;但是它没有gdb难
打开浏览器
有两种方式可以直接打开Chrome调试工具
直接按F12
鼠标右键页面 --- 检查元素 什么mc玩家是鸣潮
标签页含义
#x1f912; elements查看标签结构#xff08;展示html文件#…来说说这个Chrome调试工具吧梦回gdb但是它没有gdb难
打开浏览器
有两种方式可以直接打开Chrome调试工具
直接按F12
鼠标右键页面 --- 检查元素 什么mc玩家是鸣潮
标签页含义 elements查看标签结构展示html文件前端人员关注
console查看控制台 source查看源码断点调试调试JS代码打印日志
network查看前后端交互的过程其实我是干后端的 application查看浏览器提供的一些扩展功能本地存储等 PerformanceMemorySecurityLighthouse暂时用不太到
elements标签页使用
Ctrl滚轮进行缩放Ctrl0恢复原始大小
使用左上角箭头选中元素
右侧可以查看当前元素的属性包括引入的类 右侧可以修改元素的CSS属性例如颜色颜色选择器修改颜色例如字体大小可以使用方向键微调数值 此处修改不会影响代码刷新就还原了很像学里牛渴死的时候改代码修改环境变量和直接改配置文件
如果CSS样式写错了也会在这有提示黄色感叹号