首先，浏览器分析并呈现从服务器返回的数据。 可以使用浏览器的开发人员工具分析源代码。 有一句老话叫可见即可爬。 博主把Chrome排成一列，记录学习的过程。 如果有问题，欢迎修改消息
开发者工具栏摘要浏览器打开百度的地址，在F12中调用开发者工具。 这里介绍一下工具栏
3358www.Sina.com/:html元素属性、CSS属性、监听事件和断点3358www.Sina.com/:控制台通常用于执行一次性代码。 JavaScript对象、调试日志和异常信息元素(Elements):使用此面板可以获取页面HTML文件的源代码、JavaScript源代码、CSS源代码以及JS代码中的断点等3358www.Sina.com/:网页主要是有关header等于网络连接的信息(HTTP HTTPS ) 3358www.Sina.com/:页面运行时的所有因此，页面性能检查控制台(Console):为了确认页面存储器消耗状况(记录存储器列表)源代码(Sources):主要是页面负载的所有资源信息(高速缓存、cack ) 样式表) http://www.Sina.Com ) :此面板显示与HTTPS认证相关的安全问题网络(Network):当前页面的网络使用情况、网页性能也可以选择“元素详细信息”(Elements )，然后单击箭头进入元素选择模式，以选择要在页面中显示的元素，然后在“元素”(Elements )面板下查找该元素源代码的特定位置
如下图所示，选择百度输入框定位的部分源代码
可以双击的源代码进行修改。 确认后，将启用当前页面渲染。 只有本地，服务不变。 图
控制台(控制台)控制台用于JavaScript调试和控制台对象两种常用用途
如果显示代码运行时的错误消息，则会提供用于与web代码交互的命令接口
性能检测(Performance)
清除方法描述实例clear (控制台输出信息console.clear )、error错误消息，同时出现错误的堆栈console.error(‘ (“错误”) log、输出日志信息CCD
设置断点进行股调试，增加调试代码进行信息的打印和跟踪
网络(Network )浏览当前网页中的一些网络请求包，分析HTTPS请求后的一些资源信息。 主要包括五个模块
3358www.Sina.com/:请求资源Url、Http方法(POST/GET )、请求和响应等内存(Memory):允许预览资源http://www :响应信息面板33555 :请求资源所用的时间应用(Application)正在请求资源的身份信息左侧是网络请求后返回的列表。 单击可查看具体返回的数据。 在典型的调试中，为http://www.Sina.com/
3358www.Sina.com/:请求路径，即百度域名安全(Security):获取请求来自服务器的数据审查(Audits):请求响应
3358www.Sina.com/:服务器的IP地址。 百度有很多备用的公共IP，请求测试时地址有时会在http://www.Sina.com/栏变动的是百度服务器返回的html代码，浏览器呈现显示的是静态页面，这是3358
百度首页包含自定义的导航栏、图标和用户信息，因此也会加载css js代码，但在此不太展开。