关于谷歌浏览器的页面调试

        工作中经常遇到一些页面编写工作，期间使用了很多不少浏览器，比如在宁波时，使用的 ie 10 的调试工具，但不太好用，那时感觉不差，但日常开发中普通使用谷歌浏览器，我其实也是不太懂，不过这几天一直在编写页面，自己对 css 样式十分不熟，所以基本上，除了简单的 css 上，很多比较难的，都是叫别人教我，而他们大多使用谷歌浏览器进行调试，开发，下面就说说使用的步骤。

    使用步骤：

    一、打开要调试的的页面

二、点击键盘中的 F12

点击 F12 后，出现三个模块（三个模块的内容都可以随着鼠标点击的不同而改变）

1、就是页面代码

这就是你想要查看调试的页面的代码了

2、css 样式

鼠标没有点击时，为整个页面的样式

3、控制台，输出页面的js 的输出，报错等，而且可以在控制台上调用方法（前提是页面中存在的）

三、鼠标点击

为最左边的小箭头

这个小箭头很重要，如果 你想查看那个元素的样式，即可点击这箭头，然后将鼠标点击你想查看的元素

鼠标点击后，页面代码模块会显示该元素的页面代码，而 css 样式则显示其的样式

四、Css 样式模块的编辑

可在 css 模块中更改样式，并可将其自身的样式取消，或更改

五、控制台的调用方法

页面的控制台可调用页面中的方法并有提示效果

调用页面的方法