Question

如何使用Google浏览器自带的调试工具

Answer 1

使用chrome自带调试工具步骤：

1. 打开Chrome，打开任意一个网页，下图为新浪首页：

2. 按下F12键，能看到会弹出如下图所示的对话框

3. 鼠标右键需要修改的地方，在弹出的选项选择”检查“，如下图：

4. 可以看到需要改动的地方，对应区域的CSS样式都在右侧区域显示，此时在右边的代码就可以进行调试了，如下图：