HTML5新增了localstroage和application cache做离线缓存，两种缓存各有应用的场景，今天我们说说application cache这种方案。通常缓存的资源包括：HTML文档，JS文件，CSS文件，图片，多媒体applicatio

macOS 上 Chrome 升级至 74.0.3729.131 版本后，地址栏按照 macOS 选择的暗色主题，也变成了黑色背景样式，显得非常突兀。以下备忘上述问题的解决方案。之后重启 Chrome 即可。采用这一方案，能够在保持 macOS 其它软件仍

http请求做为影响前端性能极为重要的一环，因为请求受网络影响很大，如果网络很慢的情况下,页面很可能会空白很久。对于首次进入网站的用户可能要通过优化接口性能和接口数量来解决。但是，对于重复进入页面的用户，除了浏览器缓存，http缓存可以很大程度对已经加载过

话不多话，我们开始。代码格式化有很多css/js的代码都会被 minify 掉，你可以点击代码窗口左下角的那个 { } 标签，chrome会帮你给格式化掉。强制DOM状态有些HTML的DOM是有状态的，比如 标签，其会有 active，hover， fo

今天在手机UC上发现我的一个网页打不开，而在PC上是正常的，因此需要通过Chrome远程调试手机端UC浏览器查下问题，折腾了老久才弄好。接着要确认手机USB驱动程序是不是正常，可以在设备管理器中查看，如果设备左侧没有黄色感叹号，则说明正常。点击chrome

有时由于种种原因，我们不能直接使用Chrome web store进行Chrome扩展应用的安装，这时可以让一位已经安装了某Chrome扩展应用的朋友将他的应用导出到本地成为.crx文件，然后发给你，这样你就可以通过.crx文件进行离线安装了。这种方式也可

当浏览器去请求某个文件的时候，服务端就在respone header里面对改文件做了缓存配置。缓存的时间、缓存类型都由服务端控制。index.html文件采用协商缓存，理由就是要用户每次请求index.html不拿浏览器缓存，直接请求服务器，这样就保证资源

什么是workbox，workbox有什么用途，为什么要使用它？在介绍workbox之前，我们来先大致了解一下service worker，有助于我们后面更好地去理解workbox。二. 为什么要用workboxworkbox 是 GoogleChrome

所谓Web离线应用，就是在设备不能上网的情况下仍然可以运行的应用。开发离线Web应用需要几个步骤：确保应用知道设备是否能上网；应用还必须能访问一定的资源；必须有一块本地空间用于保存数据，无论能否上网都不妨碍读写。单独使用navigator.onLine属性

起因IE浏览器会缓存网页中的GET和XHR的内容，请求方式是get方式时，IE浏览器会进行识别。如果该get请求的url是第一次请求的话，会请求服务器，从数据库中获取数据；如果该get请求的url不是第一次请求的话，那么该url就不会请求服务器，IE浏览器

Webkit/Safari：TrueType/OpenType TT 、OpenType PS ； Opera (10+)： TrueType/OpenType TT 、 OpenType PS 、 SVG ； Internet Explorer：

浏览器缓存浏览器缓存是为了节约网络的资源加速浏览，浏览器在用户磁盘上对最近请求过的文档进行存储，当访问者再次请求这个页面时，浏览器就可以从本地磁盘显示文档，这样就可以加速页面的阅览。浏览器缓存的使用是提高用户体验的一个重要途径，通常也是优化前端的一种重要方

程序员一天有10几个小时要面对着电脑，老是这种白晃晃的屏幕，谁的眼睛受得了？我在网上逛了一圈，找到一个比较实用的Chrome扩展应用，可以一键实现将Chrome打开网页的背景色修改成护眼的豆沙绿，这样在网上浏览网页，眼睛舒服多了。下载完毕后就是一个crx文

HTTP 的作用就是指导浏览器和服务器如何进行沟通。今天，我们就HTTP的请求与响应，做出简短的介绍。4 要上传的数据请求最多包含四部分，最少包含三部分。用Chrome开发者工具查看 HTTP 请求内容打开 Network地址栏输入网址在 Network

引言接上一篇面试总结一年半经验，百度、有赞、阿里面试总结，把这段时间的面试总结束一下吧。本文主要记录一下当天面试的全过程，答案亦为参考答案，仅供借鉴。正文有赞一面结束后过了两天就收到了二面的邀请，我回复面试邀请的短信，说最近可能请假太多，能不能约到晚上面试

对于浏览器来说，一个标签页就承载着一个标签页会话。客户端与服务端之间的会话是指：为了完成某个目标，客户端与服务端进行的一系列通讯。在这种会话中，服务端需要通过某种机制来识别出当前的请求属于哪一个会话。文档替换过程中会发生的事件将总结在另一篇文章。标签页会向

阅读原文前言HTTP 缓存机制作为 Web 应用性能优化的重要手段，对于从事 Web 开发的同学们来说，应该是知识体系的基础环节，也是想要成为前端架构的必备技能。缓存的作用我们为什么使用缓存，是因为缓存可以给我们的 Web 项目带来以下好处，以提高性能和用

chrome浏览器也因为其丰富的Chrome插件，帮助开发者们在开发流程中极大地提高开发效率。今天我们chrome插件网就整理了十款开发者常用的Chrome 插件推荐给大家，让chrome成为所有开发者的开发利器。

参考这份指南，结合自己手上的vue项目进行实践，可以说对原指南进行了plus，因为实践过程中会有很多指南之外的新发现。确保目标函数在作用域中Feedback使用breakpoints去为我们的JavaScript代码打断点。这个指南涉及了在DevTools

使用chrome 作为本地网络服务chrome 65+ 新功能， 使用我们自己的本地资源覆盖网页所使用的资源，可以使用本地css文件覆盖网页的css文件，修改样式。类似的，使用DevTools的工作区设置持久化，将本地的文件夹映射到网络，在chrome开发