利用chrome检查网页

chrome为开发者提供了下面几组工具：

element 从浏览器角度观察网页，从此处可以看到chrome渲染页面时的html，css和dom对象。
network 页面与服务器交互过程，http请求头，相应内容
source 源代码面板 主要用于调试JavaScript
Console 控制台面板 显示warning和errors。在开发期间可以用console记录诊断信息，或者用它作为shell在页面上与JavaScript交互。
performance 查看网站声明周期内的各种表现，以最终提高页面的性能
memory 提供比performance更多的信息，包括跟踪内存泄漏
application 检查加载的所有资源
security 安全面板，可以用来处理安全证书问题

优秀实用的细节：
1.右键元素可以copy Xpath