白话科普系列——最好用的浏览器 Chrome,你用了么?

市面上的浏览器多种多样,而浏览器的王者——IE 浏览器,它在 2002 年市场份额高达 95.4%。直到后续 Firefox,Safari,Chrome 相继问世才动摇了 IE 浏览器的地位,其中 Chrome 在 2008 年一经问世便表现出了非凡的天赋,一路披荆斩棘所向披靡。html

最近,国外统计公司 Statcounter 公布了全球浏览器市场份额调查数据。前端

桌面端主流浏览器占比

移动端主流浏览器占比

从上面两张图中能够看出,不管是移动端仍是桌面端,谷歌 Chrome 浏览器都名列第一,大幅领先其余品牌。跨域

为什么 Chrome 浏览器会有如此高的市场占比,咱们一块儿来看下 Chrome 浏览器都有哪些优势。浏览器

Chrome 浏览器的优势

界面简洁缓存

浏览器的本质是一个展现网络资源的工具,一个简洁的界面会让用户更加专一于内容,而不被浏览器的外观所干扰。毫无疑问,Chome 在这一点上就战胜了很多对手。网络

整合了 Google 服务编辑器

Chrome 做为 Google 公司开发的浏览器,确定会给本身的产品打打广告,可是 Google 的产品确实质量过硬,咱们能够在 Chrome 上体验到不少优质的 Google 产品,好比在线文档表格编辑器、网页的自动翻译、Gmail 的离线版与桌面提醒等。工具

强大的开发者控制台测试

Chrome 具备功能强大的开发者控制台,能够监控网络带宽,查看源代码并选择颜色以在线调整设计,还能够进行前端的断点调试。正是由于这强大的开发者控制台,Chrome 受到了许多开发者的青睐。网站

丰富的扩展程序

Chrome 具备大量扩展功能,从简单的广告拦截到各类小工具的自定义扩展,包罗万象,能够加强浏览器的功能以知足特殊需求。其中大部分的扩展程序均可以在 Chrome 网上应用商店上找到。还能够雇用开发人员来构建本身的应用程序,以改善项目的工做流程。

这里简单介绍一个拓展程序:Adblock Plus,常用 Chrome 浏览器的小伙伴应该对这个扩展程序很是熟悉。

这是一款免费的广告拦截器,功能很是强大。下面咱们来测试看看。

首先咱们不打开这个插件随意访问一个网站,能够看到单顶部位置就有3个广告。

此时咱们打开插件再次访问,很明显的,广告就消失了,并且右侧的滚动广告栏中也变成了空白,界面一下清爽了许多。

Adblock Plus 插件还能够自行设置网站白名单,即对某些网站不作屏蔽广告操做。也能够自行添加或移除过滤列表等。

以上就是 Chrome 拥有的众多优势中的其中几项,更多优势相信你们在使用后就能发现。接下来咱们讲讲如何巧用 Chrome,以及当咱们接入 CDN 后,如何经过 Chrome 查看各项配置是否正确。

巧用 Chrome,判断 CDN 配置是否正确

- 经过开发者控制台查看详细信息

不少小伙伴都会有这样的疑惑,接入 CDN 服务后,如何判别是否成功接入,而且查看节点、缓存等信息。咱们能够经过 Chrome 浏览器控制台的 Network 面板查看资源加载状况,同时也能够经过点击任意一个资源查看请求和响应头信息。下图是响应头的基本字段描述,从这些字段中咱们能够很是直观的获得节点IP、缓存状况、CDN接入状况等。

- 经过扩展程序添加请求头

当咱们接入又拍云CDN,并配置 Referer 防盗链后,怎么经过Chrome浏览器去验证是否配置成功呢?如图,我配置了Referer白名单并禁止Referer为空。

此时我直接访问配置在CDN的站点,确定会报错,报错信息显示缺乏了 Referer 头部。

这时使用 ModHeader 扩展程序,有兴趣的小伙伴也能够到 Chrome 商店下载。如图所示配置上 Referer 请求头。

再次访问刚刚的站点,就能够正常访问了。这表明说明咱们 Referer 防盗链配置正确而且正常运做。

同时打开 Chrome 浏览器控制台的 Network 面板能够看到 Request Header 中也包含了刚刚经过扩展程序添加的请求头。

既然这个扩展程序能够添加请求头,那么他可以实现的功能确定不止于检验 Referer的配置,全部和请求头相关的配置均可以经过这个来检查,很是方便。

以上就是一些 Chrome 的简单使用技巧啦。Chrome浏览器还有不少其余的妙用,一篇文章是没法所有归纳的,你们能够自行探索一下,你会发现有不少有趣的地方。

推荐阅读

如何选择适合本身网站的防盗链

“网页内容没法访问”多是跨域错误!

相关文章
相关标签/搜索