分类目录 ‘Browser’

各浏览器的默认CSS

作者: seasun

在丸子主编的帮助下终于找到了各浏览器的默认CSS。只要是由于今天解决了一个特殊的问题,依靠的就是看各浏览器的默认CSS,然后重置它,所以很 多时候浏览器的默认css还是很有用的。

各浏览器的默认CSS可以在这里http://www.iecss.com/找 到,贪心一下,把这些样式都保存了一份:
(全文…)

作为一名前端,我们通常要做的就是让页面在各系统A-Grade浏览器,甚至网站浏览份额0.1%以上的浏览器上良好显示。当然,还有性能问题。不 过,今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天,IE6-9/Mozilla(Gecko)系列 /Chrome/Safari/Opera etc. 这些浏览器的兼容,无不让前端们头痛。而在这之中,最让人头痛的当数IE,特别是IE6。搞定了IE6,基本也就能称霸半个江山了。搞定了IE,也相当于 占领了7、80%的领地。你想做一个统治页面兼容的主么?反正我是想的。

打败 IE 的葵花宝典:CSS Bug Table | iwanna.cn 我想网
(全文…)

今天,一款独特的网页浏览器从众多的网页浏览器的旧面孔中脱颖而出——Conimige2 Lux
拥有独特的划屏特效,使Conimige2豪华版网页浏览器拥有更加独特的上网视觉体验,淡化显示也让Conimige2豪华版更加华 丽,Conimige2豪华版也当之无愧的成为最炫丽的网页浏览器。

每次打开Conimige2豪华版都会有新的面孔——新的背景颜色,新的主题图片,让使用者拥有一种美的享受。Conimige2 Lux,中文名“第二代N氧化碳浏览器豪华版”,属于myzchh.cn旗下Conimige网页浏览器家族中第三大成员,从历史版本 起,Conimige2 Lux一直追求最绚丽的浏览体验和最舒适的浏览方式,这也使Conimige2 Lux更加引人瞩目。同样的,其他功能也都非常完善,快速链接、缩略图最近浏览历史记录等应有尽有。Conimige2 Lux也拥有丰富的扩展及应用,方便使用者对浏览器进行功能的添加。
(全文…)

对于网站前端开发者、用户体验设计师、互联网产品工程人员,以及广大站长、博客主、深度用户而言,往往有着一个共同的需求:需要时常在多个浏览器之间切换使用,以检查页面效果、测试产品性能,或是同时用几个账号身份登录相同的页面。

如何高效在多个浏览器之间同步使用的5个工具技巧 | iwanna.cn 我想网
(全文…)

工具介绍

Xvfb: 主要就是通过内存计算模拟出图形界面,没有平常所见的操作界面,分为客户端和服务器

YSlow: 当Firefox浏览网页时,可以分析网站的页面(基于Yahoo 14条评分原则),并指出如何进行优化提高网站性能

ShowSlow:收集YSlow的测试结果并显示出来

Ubuntu:开源的Linux系统,界面越来越向Windows靠近
(全文…)

作为一个软件开发者,你一定会对网络应用如何工作有一个完整的层次化的认知,同样这里也包括这些应用所用到的技术:像浏览器,HTTP,HTML,网络服务器,需求处理等等。

本文将更深入的研究当你输入一个网址的时候,后台到底发生了一件件什么样的事~
1. 首先嘛,你得在浏览器里输入要网址:


(全文…)

长期以来,为了改善站点的用户体验,我们一直都是在页面顶端加上一个 (new Date()).getTime() 来获取用户打开页面的时间,使用httpwatch来分析页面打开的解释时间。httpwatch虽然强大,但是还是无法让我们深入到用户的环境去了解用户打开页面前的一些情况,例如:DNS解释时间,请求和响应时间,以及更加深入的页面渲染时间等重要信息。这些信息对用 户环境分析是至关重要的。

如今,这个情况即将改变,微软的IE9将给前端开发们提供有力的性能分析接口让我们能够深入分析页面的性能,这就是强大的msPerformance接 口。这个接口其实是基于HTML5草案Web Timing的定义来开发的(有意思的是这个接口是google提供的,chrome目前还没支持,IE9先行了)。
(全文…)

浏览器支持的不一致性
浏览器的漏洞或缺乏支持的CSS功能,导致不同的浏览器显示出不同的CSS版面编排。例如在微软Internet Explorer6.0的旧版本 ,执行了许多自己的CSS2.0属性,曲解了很多重要的属性,例如:width,height,和float。许多所谓的CSS人员,必须在最热门的或常用的浏览器中达到一致的版面编排。在不同的浏览器中,要达到像素精准的版面编排,有时候是不可能的。
(全文…)

Web Storage全解析

作者: seasun

Web应用的发展,使得客户端存储使用得也越来越多,而实现客户端存储的方式则是多种多样。最简单而且兼容性最佳的方案是Cookie,但是作为真正的客户端存储,Cookie则存在很多致命伤。此外,在IE6及以上版本中还可以使用userData-Behavior、在Firefox下可以使用globalStorage、在有Flash插件的环境中可以使用Flash-Local-Storage,但是这几种方式都存在兼容性方面的局限性,因此真正使用起来并不理想。针对以上情况,HTML5中给出了更加理想的解决方案:假如你需要存储复杂的数据则可以使用Web Database, 可以像客户端程序一样使用SQL(不过Web Database标准当前正陷于僵局之中,而且目前已经实现的浏览器很有限);假如你需要存储的只是简单的用key/value对即可解决的数据则可以使 用Web Storage。 本文主要从各个方面介绍一下Web Storage的具体情况。

sessionStorage与localStorage

Web Storage实际上由两部分组成:sessionStorage与localStorage。
(全文…)

IE6在背景图片缓存上有一个bug:它会每次都从服务器端读取背景图片。 例如我们使用a:hover更换背景图片,在IE6下会出现每次鼠标滑过则重新向服务器请求图片,如果服务器反应较慢,那么hover效果就会出现短暂的 空白,令人极度不爽。虽然可以通过CSS sprites的方式解决问题的,但效果差强人意。

示例:
a{ background:url(normal.gif); } a:hover { background:url(hover.gif); }
如果为超级链接定义上述的css样式以实现鼠标悬浮时的动态效果,在firefox下是没有什么问题的,第一次加载之后,浏览器都会从缓存读取背景图片.
(全文…)