浏览器开发者工具的初心者浅谈
一、什么是开发者工具：
其实简单的说，浏览器开发者工具就是给web应用和网站开发人员使用的工具，在其中web开发者可以查看或调试网页的内容和属性and so on。。。
今天作为web新手，只简单谈一下此工具个人理解的部分基本用途，供同为初心者参考
二、如何打开开发者工具
任意网页按f12即可（会从弹出一个一个window，且本文以chrome为例）
三、初心相谈
1、首先web前端的最基础应该是html/css的编写和调试，但每次写完代码运行后有不尽如人意的地方，再退回sublime重新修改是不是太麻烦了呢？那么这里，应用开发者工具进行修改，调试和检测就是十分便利的选择啦~
2、Element
首先当我们点击f12的时候，弹出的window默认界面便是element，在此界面中，我们可以展开看到这个网页的全部源代码，及每一部分在网页中的对应区域，让你可以分别的查看并选择每一个元素
而在其下半区域中，我们可以对选择的元素进行更细致的查看与修改：
html和body都是全局性的设定
而你选中的元素则会在其后弹出新的查看项，在其style内，你可以直接通过输入来改变有效元素的style，或对其进行增添修饰及删减（甚至可以手动删除你最讨厌的广告~）；在其event listeners内，你可以查看对应选中元素的js事件监听器，检视其源代码，或者对其进行选择性移除
Console
列于element之后的便是我们的console控制台了，这是一个js代码编译区，这里我们可以单纯的做一些js的语法和逻辑练习，在每一次enter之后我们都可以查看到十分详尽的反馈；我们还可以通过dom在控制台中改写网页中元素的格式与功能。（温馨提示，左上角的clear图标可以快速清空控制台内容。
Network
位于sources之后的network，是我们查看网页各种请求和其反馈情况的地方，这里会详细记录你用每一种方法发出的每一种请求的具体情况，你可以根据自身需求用鼠标进行选择查看，其中最常见的status便是200：请求成功，而其他的反馈值则大多是各种原因的请求失败
Application
位于后方的application中，常用的是session storage和cookie
前者是暂时性的网页数据缓存，会在你关闭页面后被清空；而后者cookie则是你的账户管理，历览器会记住你的登陆请求，并保留你的已登陆用户数据，直到一个用户的登陆过期，则其数据消失。
四、结尾
emmmm第一次写博客，只是一点点自己常用的开发者工具的菜鸡相谈，嘛，对比我更晚接触web的小伙伴应该有点帮助~
