Question

Chrome

Google Chrome 是当前市场占有率最高的浏览器，连微软都放弃自己的 IE 内核，换用 chrome 内核改成 Microsoft Edge。

问题：google.com 无法访问。

网盘下载： Google Chrome 64bit Linux 版 / chrome64linux 稳定版_chrome 浏览器,chrome 插件，谷歌浏览器下载，谈笑有鸿儒

# 法 1：下载安装
$ wget https://dl.google.com/linux/direct/google-chrome-stable_current_amd64.deb
$ sudo dpkg -i google-chrome-stable_current_amd64.deb

# 法 2：ubuntu apt-get 安装
$ sudo apt-get -y google-chrome-stable

Chrome 开发者工具

参考 Microsoft Edge （Chromium） 开发人员工具概述 - Microsoft Edge Development | Microsoft Docs

术语：

• XHR： XML Http Request

九大功能入口：

• Elements：允许我们从浏览器的角度看页面，也就是说我们可以看到 chrome 渲染页面所需要的的 HTML、CSS 和 DOM(Document Object Model) 对象。此外，还可以编辑这些内容更改页面显示效果。
• Console: 显示各种警告与错误信息，并且提供了 shell 用来和文档、开发者工具交互。如 Console.log
• Sources: js 资源页面，主要用来调试。可以格式化 JS。
• Network: 网络请求标签页：可以看到所有的资源请求，包括网络请求，图片资源，html，css，js 文件等请求，可以根据需求筛选请求项，一般多用于网络请求的查看和分析，分析后端接口是否正确传输，获取的数据是否准确，请求头，请求参数的查看。
• Performance(旧版为 Timeline): 性能统计。提供了加载页面时花费时间的完整分析，所有事件，从下载资源到处理 Javascript，计算 CSS 样式等花费的时间都展示在 Timeline 中。
• Memory(旧版为 Profiles)：分析 web 应用或者页面的执行时间以及内存使用情况。
• Security：可以告诉你这个网站的安全性，查看有效的证书等
• Application(旧版为 Resources)：会列出所有的资源，以及 HTML5 的 Database 和 LocalStore 等
• Audits：分析页面加载的过程，进而提供减少页面加载时间、提升响应速度的方案。

调试技巧 ：

进入 Sources，设置断点。

1. 断网调试：点击 network，勾选 offline 即可断开网络。点击后面的 online 也可以选择不同的网络连接状况，来模拟不同的网络情况。

2. 一次移除所有的断点: 点击 sources，在右边的 breakpoints 下拉的断点上右键，选择 remove all breakpoints 即可一次性移除所有的断点。