科普：浏览器是什么，码农怎么用浏览器？

介绍完服务器我们再聊聊浏览器，浏览器离普通人更近一点，相信大家都用过，你们的电脑里都有这个东西，查看硬盘上都存了些啥的那个叫做文件浏览器，我们今天说的浏览器指的是网络浏览器。

现在最流行的浏览器叫做Chrome，它本身也就是一个软件、一段代码而已，Chrome的代码跟Google的其它服务软件代码放在同一个仓库里面，总共有几十亿行的体量，比我们熟悉的Windows操作系统还要大好几倍，是全世界最大的一个代码仓库，Google 工程师每天有条不紊地修改、合入，体现了他们代码管理、构建系统的优越性，很多企业争相模仿。这一切造就了Google作为全球软件巨头的武林格局，也成就了GMS在移动服务领域的江湖地位。

浏览器主要是用来上网的，就是你平时用的百度、微博、爱奇艺这些，早就不局限于浏览网页看新闻、逛BBS之类了。某种程度上它代替了原本安装在电脑上的众多独立软件，像音乐播放器、视频播放器、小游戏之类。

对于码农来说，浏览器还有一个用处：那就是调试网站。所谓调试就是用一种方法让程序来慢动作运行，同时可以观察它每一步都在干什么，输出结果是不是符合预期。我们再次打开之前用Python写的网站，前面学习了要找到一台网站服务器需要知道它的IP地址和端口，再科普一下，有一个特殊的IP地址：127.0.0.1，它代表这台电脑自己，我们现在就是把自己当作服务器，在Chrome浏览器输入这样的地址试试吧 http://127.0.0.1:8000，复习一下，协议、IP地址、端口是不是都有了？

在网页空白的地方点开右键菜单，再点检查，邦邦邦邦～，码农的世界打开了：

Elements这里显示的就是就是这个简单网页上的所有元素，其中Title: MyWebSite 还有Body里面的Hello World都告诉我们之前在index.html这个文件里写进去的内容。右侧的CSS窗口展示的网页里的每个元素呈现时所遵循的样式规则，包括大小、颜色、字体、形状、排布等等，学习这部分知识需要上网查一查CSS教程。

点击Network标签，然后再点一次浏览器的刷新按钮（或者按下键盘上的F5）可以看到

打开我们的网站都需要从服务器下载哪些东西，以及下载每项内容消耗了多长时间。在Name列点击每一项内容可以显示详情，可以看出只有第一项是使我们自己的“服务器”提供的“Hello World”，其它的烂七八糟都是些什么？看看Type列发现大部分是一些字体文件：

这个区域还有很多按钮和标签，不妨自己点点试试看，我只能说对于Chrome这个超级武器，你平常用的功能可能不到1%。

下次终于可以聊一聊如何搭建一个真正的网站了。