201601-22 浏览器缓存知识小结及应用 浏览器缓存,也就是客户端缓存,既是网页性能优化里面静态资源相关优化的一大利器,也是无数web开发人员在工作过程不可避免的一大问题,所以在产品开发的时候我们总是想办法避免缓存产生,而在产品发布之时又在想策略管理缓存提升网页的访问速度。了解浏览器的缓存命中原理,是开发web应用的基础,本文着眼于此,学习浏览器缓存的相关知识,总结缓存避免和缓存管理的方法,结合具体的场景说明缓存的相关问题。希望能对有需要的人... 继续阅读 >
201512-07 浏览器 HTTP 缓存原理分析 推荐 以前项目中遇到了很多浏览器缓存相关的问题,也在网上查过资料,搞过服务器的配置,来确保客户端加载服务器资源的速度和资源有效性。最近仔细看了下http协议中和缓存相关的一些属性,总结一下。浏览器缓存原理文字版描述①浏览器第一次访问服务器资源/index.html在浏览器中没有缓存文件,直接向服务器发送请求。服务器返回 200OK,实体中返回index.html文件内容,并设置一个缓存过期时间,一个文件修改时间,一个根... 继续阅读 >
201508-26 浏览器可以有多快? React.js以高效的UI渲染著称,其中一个很重要的原因是它维护了一个虚拟DOM,用户可以直接在虚拟DOM上进行操作,React.js用diff算法得出需要对浏览器DOM进行的最小操作,这样就避免了手动大量修改DOM的时候造成的性能损失。等等,明明是在中间加了一层,为什么结果反而变快了呢?React.js的核心思想是认为DOM操作是缓慢的,因此可以需要最小化DOM操作,以换取整体的性能提升。DOM操作慢是有目共睹的,而其... 继续阅读 >
201508-01 Edge浏览器能为微软赢回Web开发者的心吗? 最新的Windows10操作系统带来了一个新的浏览器Edge,新的浏览器快速、稳定,而且长得也比之前的IE好看。但web开发者可能不会在意这些,它们在意的是,Edge对其站点支持和渲染情况如何。在过去十多年的时间里,web网页世界一直在发生着转变,IE曾经一统世界,但后来又被谷歌的Chrome赶超——因为Chrome更快也更可靠。通过Edge浏览器,微软期望重新赢得开发者的心,而且也看得出来的确下了功夫。... 继续阅读 >
201507-31 32种谷歌浏览器插件,程序员的福音 对于网页设计人员或网站开发者来说,更喜欢使用像FF的此类浏览器,原因是其具有强大的辅助插件,可以帮助网页制作与开发提高效率,那么同样对于GoogleCchrome浏览器来说也是具有大量的此类插件,本文收集了一些针对GoogleCchrome浏览器进行网页制作开发的插件工具。可以有效提高网页设计师或前端开发者的工作效率。无论是Firefox还是GoogleChrome,其强大的扩展都是吸引我们最大的原因之一。下面介绍的是网页设计和... 继续阅读 >
201502-11 细数谷歌浏览器的 10 大隐藏技能 HOT 谷歌Chrome浏览器一直以速度、简洁和安全为用户所熟知。除此之外,Chrome的其他功能也非常强大,为了进一步提高工作效率,让我们一一揭晓它的那些隐藏技能吧。同时登入多个账户用户拥有多个谷歌账户(工作用或个人用)是很习以为常的事情,但是比较麻烦的是常常需要登出一个账号再登入另外一个。但是使用Chrome浏览器的话,就无需担心多账号同时登陆的问题。当使用Gmail邮箱和谷歌硬盘等其他谷歌服务时,用户能在多个账... 继续阅读 >
201501-23 微软是时候把IE浏览器开源了 在世界主流Web浏览器的发展历史中,微软的IE浏览器曾经独占鳌头:市场占有率高达98%以上。不过随着FireFox和Chrome的快速崛起,微软IE浏览器的份额一路下降,如何拯救IE浏览器?日前,国外媒体提出了自己的看法。以下为文章全文:苹果公司的Safari浏览器是由一个开放源代码的Webkit引擎和闭源的外壳组成;谷歌的Chrome浏览器是由开放源码的渲染引擎和部分闭源的组件组成。Opera浏览器也已经基于开源的blink打造。M... 继续阅读 >
201501-13 IE6 是时候说“再见”了! 十年前,一个浏览器诞生了,它的名字是InternetExplorer6(以下简称IE6),它伴随我们度过了难忘的网上时光。十年过去,在拥抱全新网络开发标准的今天,是时候和IE6说再见了。2011年度浏览器奥西卡颁奖典礼正式开幕。在颁奖现场,评委向IE6授予“浏览器终生成就奖”,以表彰它为浏览器世界做出的卓越的贡献。与网友相伴十年之际,IE6感慨万分。心情激动的它接过奖杯走到话筒前,开始了自己第一次也是最后一次的激... 继续阅读 >
201501-04 除了Firefox 我们为什么还需要Mozilla? 随着Mozilla的Firefox浏览器迅速失去市场份额,Mozilla基金会发现自己面临着自它成立十年时间以来,其历史上最关键的时刻。十年前,Mozilla推出了Firefox网页浏览器。Firefox网页浏览器的推出也成为了网络演变的决定性时刻之一。当时,微软的浏览器已经彻底粉碎了Netscape。而Mozilla开发的浏览器在Netscape遭遇失败后提供一个替代微软浏览器的选项。在发展的道路上,Mozilla的得到了来自Google实质性的帮助,反之... 继续阅读 >
201501-01 微软要放弃搞烂的IE浏览器了!那可能吗? 从最新的传闻了解,微软正在为 Windows 10 开发一个全新的网页浏览器,该浏览器将与 Internet Explorer 并存,其代号为“Spartan”。此传闻一出很多猜测均认为,微软最经典最出名的浏览器很快就要死去了。也许这样的猜测并没有错,鉴于微软希望彻底改头换面的做法,微软可能会以一款全新的浏览器解决一切负面影响,并且传闻还表示该浏览器的运作方式与 Chrome 和&nb... 继续阅读 >
201412-03 Google Chrome中的高性能网络 GoogleChrome的历史和指导原则【译注】这部分不再详细翻译,只列出核心意思。驱动Chrome继续前进的核心原则包括:Speed:做最快的(fastest)的浏览器.Security:为用户提供最为安全的(mostsecure)的上网环境。Stability:提供一个健壮且稳定的(resilientandstable)的Web应用平台。Simplicity:以简练的用户体验(simpleuserexperience)封装精益求精的技术(sophisticatedtechnology)。本文关将... 继续阅读 >
201412-03 IE11中全新增强的F12开发人员工具 众所周知,微软最新发布的IE11里面增强了F12功能。F12是由VisualStudio团队和IE团队密切合作构建而成,旨在为开发人员提供可操作的数据,帮助开发人员快速找出并解决问题。全新的F12包含用于诊断和修复性能问题的工具以及帮助您深入了解IE如何布局和呈现您的应用的工具,可以帮助您提供快速而流畅的Web体验。F12支持现代Web开发人员所使用的快速、迭代工作流。下面让我们一起来看看F12中新增的功能。使用新的F12... 继续阅读 >
201412-03 IE11虚拟机免费面向广大开发者 随着最近面向Windows7的IE11的发布,微软已经将面向Windows7的IE11和Windows8.1上的IE11增加到虚拟机套件(可在modern.IE 找到)中,以便开发人员在各个平台和版本之间测试IE。IE开发小组已经基于用户的反馈更新了所有虚拟机,以便令浏览器测试更加方便。不论您使用的是哪种开发平台,均可以免费使用VM 在所有版本的IE上测试您的网站。Linux、Mac和Windows上最常用的桌面虚拟化技术均可以使用这些映像。... 继续阅读 >
201412-03 有用的 Chrome 浏览器命令 Chrome有很多的特性在界面菜单中是没有体现的,你可以通过chrome://命令来访问。本文介绍12个非常有用的chrome://命令:1.chrome://flags可用来启用或者关闭某些chrome的体验特性2.chrome://dns该命令将显示浏览器预抓取的主机名列表3.chrome://downloads该命令同时也可以从菜单中的下载来访问,其快捷键是Ctrl+J4.chrome://extensions该命令等同于菜单-工具-... 继续阅读 >
201412-03 18个高大上的浏览器小技巧 注:以下仅适用于Chrome/Firefox等网络浏览器1、Ctrl+Shift+T打开最近关闭的标签页2、在图片上按住S时点击鼠标右键,启动GoogleImage搜索相关图片3、把图片拖放到搜索框时,可以搜索相关图片(实测在打开GoogleImage时有效)4、输入网址时,按Ctrl+回车键补全.com5、按住Ctrl键(Mac用户按Command键)点击超链接,将在新标签打开页面6、在地址栏输入以下代码,可以把空标签页变成写字板(Ch... 继续阅读 >
201412-03 10 款有用的 Android 版本 Firefox 扩展 在Android下的Firefox继承了其优良传统,也可以安装不少有用的扩展,这里有一篇文章介绍了10款有用的Android下Firefox扩展,如果你想试试Firefox,先感受下扩展的威力吧。1.CloseAllTabs一键关闭所有标签页在菜单中新增一个CloseAllTabs按钮,可以一键关闭所有标签页。有同学可以说明下开多了标签页会卡么?2.UndoClose重新打开关闭的标签页在菜单中新增一个UndoClose按钮... 继续阅读 >
201412-03 盘点前10名的免费跨浏览器测试工具 在多个平台上测试多种浏览器不但是很困难的–它几乎不可能的,因为没有那些好的测试工具。今天,我们就为大家提供很多涉及到跨浏览器测试的选择,并且告诉你那些“顶级的浏览器测试工具”,你应该使用哪一个。这前10名的免费跨浏览器测试工具没有特定的顺序,因为他们对于任何特定的设备都同样有效。如果你手动去测试,可能既困难又耗费时间。因为你只能不断的安装更多的浏览器在你的设备上。1.Br... 继续阅读 >
201412-03 网速快却开打网页速度慢 有没有遇到过明明网速很快,但是在浏览器中打开网页的速度却很慢?到底是怎么回事。下面小编告诉您原因,教您怎么解决。小编总结了下原因,主要是以下问题:1.网络最小带宽:也就是平时所说的宽带不够、太小。一个网站的打开速度不仅仅看客户端(就是用户自己)的带宽,也需要看网站服务器的带宽。只要双方有一方的带宽太低就会造成网站打开速度过慢。2.DNS解析速度:DNS解析就是对域名和IP地址的互... 继续阅读 >
201412-03 Linux中一些最优秀的浏览器 本文讨论Linux桌面一些最优秀浏览器的优缺点,讨论对象包括Firefox,Chrome和其它浏览器。选择一款最棒的Linux浏览器来满足你所需仅费些许功夫:Linux桌面网页浏览器和在其它流行的桌面上一样已经发展了多年,随着它们的发展,其优点和缺点都被慢慢发现。优缺点涉及从新功能到被破坏的扩展程序等各方面。本文中,我将在迷茫之中充当你的向导来帮助你发现适合你的最棒的Linux浏览器。FirefoxFirefox成为一款Li... 继续阅读 >
201412-03 比Chrome快3倍!世界最快PC浏览器发布 Chrome向来以速度、稳定性独步天下,日前却有一款浏览器号称“世界最快”,速度是Chrome的3倍。最重要的是,这款浏览器来自国内老牌浏览器公司遨游傲游(Maxthon)。傲游浏览器虽然出道较早,但面对现在国内一众后起之秀的竞争,市场份额不断减少。现在,他们在国外发布了一款名为MxNitro的浏览器,号称“世界最快”。据傲游介绍,为了让MxNitro达到这一速度,他们大幅精简了用户界面,并移除了... 继续阅读 >
201411-11 创建您自己的浏览器扩展,第一部分: 将您的触角延伸至Chrome 每个浏览器都有其自己的粉丝、批评者、优势和劣势。它们的共同点是人们将越来越多的时间花费于其中。本系列文章将介绍如何为Chrome、Firefox、InternetExplorer和Safari构建一个浏览器扩展。您可以为每个浏览器构建相同的基础扩展,感受扩展每个浏览器是什么样子,执行这些常见任务是困难还是简单,以及发布您的扩展会涉及到什么。在本文中,您将构建一个Chrome扩展。开始之前对于本文,您需要下载和安装GoogleChromeV... 继续阅读 >
201411-11 创建您自己的浏览器扩展,第二部分: 将您的触角延伸至 Firefox 每个浏览器都有其自己的支持者、批评者、优势和劣势。它们的共同点是人们将越来越多的时间花费于其中。本系列文章将介绍如何为Chrome、Firefox和Safari构建相同的基础扩展。您将了解到扩展每个浏览器是什么样子,执行这些常见任务是困难还是简单,以及如何发布您的扩展。在本文中,您将构建一个Firefox扩展。Gawkblocker扩展回忆一下,Gawkblocker支持您(以及其他用户)屏蔽某些您不喜欢访问的域,比如耗时的博客。Gawk... 继续阅读 >
201410-16 CSS中各个浏览器兼容的解决办法 HOT 1.CSS中几种浏览器对不同关键字的支持,可进行浏览器兼容性重复定义 !important可被FireFox和IE7识别 *可被IE6、IE7识别 _可被IE6识别 *+可被IE7识别区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green!important;background:blue; 区别IE7与FF: background:orange;*background:green; 区别FF,IE7,IE6: background:orange;*b... 继续阅读 >