Microsoft Edge调试工具使用

1 打开方式

• 方法一：快捷键 Fn+F12
• 方法二：右击空白处，点击检查
  
• 打开后如下图所示：
  

2 使用调试工具

• Ctrl+滚轮 可以放大开放者工具代码大小。
• 左边是HTML元素结构，右边是CSS样式。
• 右边CSS样式可以改动数值(左右箭头或直接输入)和查看颜色。
• Ctrl+0 复原浏览器大小。
• 如果点击元素，发现右侧没有样式引入，极有可能是类名或者样式引入错误。
• 如果有样式，但是样式前面有黄色感叹号提醒，则是样式属性书写错误。