随笔分类 -  Browser

1 2 下一页
深圳市彩讯科技有限公司 急招前端重构师
摘要：公司简介：深圳市彩讯科技有限公司公司网址：http://www.richinfo.cn/index.php公司产品：http://www.richinfo.cn/products.php岗位职责：参与负责中国移动139邮箱WEB标准版、企邮邮箱WEB标准版、邮箱WEBAPP版本的前端页面构建。任职资格：1、精通(X)HTML和CSS，对语义化、模块化、分离有深刻的理解;2、精通WEB标准页面开发，并实现兼容多终端和平台的用户界面；3、熟悉网页性能优化和站点速度优化，能运用重构技术来提升用户体验；4、熟悉HTML5,CSS3,能时刻关注新技术应用，并转化为实际生产力；5、能始终把"用户 阅读全文
posted @ 2013-10-19 16:18 radom 阅读(715) 评论(0) 推荐(0)
FOUC - Flash Of Unstyled Content 文档样式闪烁
摘要：问题描述偶然间看到FOUC这个单词，在Google里找了半天终于发现了它的含义：Flash Of Unstyled Content。它指的是在某些情况下，IE在加载网页时会出现短暂的CSS样式失效。这种问题出现的条件是比较独特的：1. 只发生在Windows上的IE（5.0版本以上）2. 只发生在那些会出现FOUC现象的网页3. IE的临时文件夹中没有缓存过该页面的CSS文件现在用IE访问这个页面，就可以看到FOUC发生的时候的情况（当然前提是你之前没有访问过它，否则可能需要清空IE的临时文件夹再访问）。这个页面的特殊之处在于它的<head>标签里是没有任何的<link> 阅读全文
posted @ 2012-06-23 14:24 radom 阅读(2073) 评论(0) 推荐(0)
wap2.0浏览器兼容性小结
摘要：注意：以下所说的“大多数”是指在我们测试过的机型中，发生此类状况的手机占比达50%及以上，“部分”为 20%到50%；“少数”为20%及以下。而这个概率也仅仅只限于我们所测试过的机型，虽然我们采集的样本尽量覆盖各种特征的手机，但并不代表所有手机的情况。XHTML部分大多数手机不支持的：表单元素的“disable”属性部分手机不支持的：“button”标签“input[type=file]“标签“iframe”标签。虽然只有部分手机不支持这几个标签，但因为这些标签在页面中往往具有非常重要的功能，所以属于高危标签，要谨慎使用。少数手机不支持的：“select”标签：该标签如果被赋予比较复杂的CSS 阅读全文
posted @ 2012-03-12 23:36 radom 阅读(2707) 评论(0) 推荐(1)
针对webkit的HTML, CSS和Javascript
摘要：HTML, 从HTML文档的开始到结束排列:<meta name=”viewport” content=”width=device-width, initial-scale=1.0″/> 让内容的宽度自适应为设备的宽度, 在做Mobile Web时必须加的一条<meta name=”format-detection” content=”telephone=no”]]> 禁用手机号码链接(for iPhone)<link rel=”apple-touch-icon” href=”icon.png”/> 设置你网页的图标, 尺寸为57X57 px<!– i 阅读全文
posted @ 2012-03-08 00:35 radom 阅读(2822) 评论(0) 推荐(0)
Web App和Native App 谁将是未来
摘要：本文详细分析了Web App和Native App的优势和劣势，指出Web只是我们作为设计者和开发者所期待的一种理想化结果，是一种趋势，将会是一个相当久的过渡阶段，对复杂产品来说，Native App + Web App也许是个不错的解决方案。AD：未来是Web App的天下，还是Native App的天下？作为设计师，我们是应该努力把客户端的体验提升到最优，还是在网页应用层面上做更多的设计？这个一直是大家关心的话题。那么，我们首先应该立体的认识一下Web App和Native App。一、Web AppWeb无需安装，对设备碎片化的适应能力优于App，它只需要通过XHTML、CSS和Java 阅读全文
posted @ 2012-03-05 23:28 radom 阅读(2758) 评论(1) 推荐(1)
手机浏览器
摘要：本文会告诉你目前所出现的18中手机浏览器的细节，更多信息可以参见http://quirksmode.org/mobile/mobilemarket.html手机浏览器被分为全浏览器和简化版浏览器safari浏览器受欢迎度:非常好供应商:apple操作系统:IOS(及苹果手机操作系统)渲染引擎:webkit文档：http://developer.apple.com/safari/library/navigation/index.html#section=Resource%20Types&topic=Reference版本：参照iphone os版本，iphone用户一般都会非常勤劳的去更 阅读全文
posted @ 2012-03-02 00:47 radom 阅读(950) 评论(0) 推荐(1)
三大主流浏览器Web开发工具
摘要：一个快速加载网页在很大程度上节约用户的浏览页面时间成本，作为一名WEB开发人员，我们要寻求一些解决办法，传统的在浏览器中 “右键—查看源代码”已经过时了，它不能做良好的代码检查，作为一名优秀的web开发人员，应该不断学习和尝试新事物。下面我就介绍下三大主流浏览器的web人员开发工具介绍及其使用方法。火狐（Firefox）的Firebug和YSlowFirebug是一个非常成熟和完善的工具（点此下载），各种浏览器下都能使用（IE,Firefox,Opera, Safari），通常我在火狐浏览器（Firefox）用的最多，我们可以利用它除错、编辑、甚至删改任何网站的 CSS、HTML、DOM、与 阅读全文
posted @ 2012-02-20 23:31 radom 阅读(742) 评论(0) 推荐(1)
Web开发者应掌握的12个Firebug技巧
摘要：相信很多从事Web开发工作的开发者都听说和使用过Firebug，但可能大部分人还不知道，其实它是一个在网页设计方面功能相当强大的编辑器，它 可以对HTML、DOM、CSS、HTTP和Javascript进行全面的跟踪和调试。它是Firefox浏览器的一个插件，所以建议各位Web开发 者，要充分利用FireFox浏览器和Firebug插件进行日常的调试工作。本文选取了12个Web开发者应该掌握的Firebug的初级使用技巧，介 绍给大家。1、使用Firebug可以找到页面中的任何内容不知道各位有无遇到过这样的情况，在一个复杂的HTML页面中，当你想找某个页面元素的实际对应的HTML时，你不得不在 阅读全文
posted @ 2012-02-19 17:59 radom 阅读(419) 评论(0) 推荐(1)
IE6,谢谢你，goodbye？
摘要："十年之后，我们是朋友，还可以问候，只是那种温柔，再也找不到拥抱的理由……"2011年度浏览器奥西卡颁奖典礼正式开幕。在颁奖现场，评委向IE6授予 “浏览器终生成就奖”，以表彰它为浏览器世界做出的卓越的贡献。IE6 的全球使用率正在不断下降，我将会与大家共同见证它退出历史舞台的那一天。这样，更多的网站将不需要再为技术过时的IE6单独进行开发，而更多用户也可以体验基于最新技术开发的炫美网络。现在兼容最新网络标准的 IE9 的推出，我们可以为用户带来更加丰富的体验，而不必去为低版本的浏览器不断测试和重写代码。“但我国占33.8%IE6用户，绝对放弃针对IE6兼容开发是绝不现实的 阅读全文
posted @ 2011-07-23 12:15 radom 阅读(465) 评论(0) 推荐(0)
IE.JS解决IE兼容性问题方法
摘要：官网http://dean.edwards.name/weblog/2008/01/ie7-2/一 参考资料1 解决IE5、IE6、IE7与W3C标准的冲突,使用(IE7.js IE8.js)兼容http://apps.hi.baidu.com/share/detail/154074142 IE7.JS解决IE兼容性问题方法http://www.chonggou.net/show/2824.html3 消除IE浏览器系列的相关BUG（IE7-JS）http://www.fly1397.com/?p=302&cpage=14 IE7 2.0：修复ie不支持W3C的好东西http://hi 阅读全文
posted @ 2011-03-27 22:39 radom 阅读(17558) 评论(0) 推荐(1)
IE9/火狐4.0/Chrome 10 三足鼎立的浏览器之争
摘要：根据国外媒体报道，目前主流的三款浏览器正在进行一轮拔河比赛，谁是裁判，当然是广大的用户了。当前，三款主流浏览器（IE,火狐和Chrome）占了市场上浏览器总数的90%以上。目前三款浏览器都快有了最新的版本发行，其实，谷歌的Chrome 10今天已经可以下载了。目前三足鼎立的概况：IE9微软发布IE9的正式版。但是IE9和IE8很大不同的是，IE9不支持目前主流的Win xp系统！IE9将提供更干净、简洁的外观（可能是跟Chrome学的吧，简洁才是王道！），Js性能会有明显的提升以及硬件加速功能。IE9中最有趣的功能就是“跟踪保护”功能，它是一个隐私功能，允许用户选择禁止那些网站去收集自己的信息 阅读全文
posted @ 2011-03-22 21:29 radom 阅读(574) 评论(2) 推荐(0)
解释大型网站js,css文件后面为什么有参数？
摘要：有同学经常遇到html页面里加载的js与css文件带有参数，比如上：使用参数有两种可能， * 脚本并不存在，而是服务端动态生成的，因此带了个版本号，以示区别。 * 客户端会缓存这些css或js文件，因此每次升级了js或css文件后，改变版本号，客户端浏览器就会重新下载新的js或css文件第二种情况最多，也可能两种同时存在。版本号，可以是一个随机数，也可以是一个递增的值，大版本小版本的方式，或者根据脚本的生成时间书写，比如 20080727182553 就是精确到了生成脚本的秒，而 2.3.3 就是大版本小版本的方式。 阅读全文
posted @ 2011-01-06 10:03 radom 阅读(608) 评论(0) 推荐(0)
解秘微软雅黑
摘要：微软雅黑一出世，就以结构优美、显示清晰等优点赢得了人们的喜爱，很多网站也开始采用微软雅黑作为正文字体。但是，在 XP 系统下，微软雅黑有可能会出现显示问题：XP，Firefox，CRTXP，Firefox，LCDXP，IE7可以看到，微软雅黑在 XP 下的 CRT 显示器非常模糊，很难阅读，在 LCD 显示器里锯齿明显、笔划粗细不一，显示效果还不如宋体。经测试，微软雅黑在 XP 下的 IE6 和非... 阅读全文
posted @ 2010-10-27 22:14 radom 阅读(946) 评论(0) 推荐(0)
解决chrome不能显示12PX以下字号的字体问题！
摘要：关于这个问题以不是什么新鲜事儿，如果你诧异？就地测式：<p style="font-size:10px;">chrome下我是10号字体效果吗？</p>用chrome看一下就明白了。那么我们怎么来解决这个问题呢？我们可以使用Webkit 的内核的 -webkit-text-size-adjust 的私有 CSS 属性来解决。<p style="-webkit-text... 阅读全文
posted @ 2010-10-10 00:41 radom 阅读(2450) 评论(0) 推荐(1)
项目网站页面制作中如何快速定位导致页面莫名问题位置！
摘要：1、检查页面的标签是否闭合　　不要小看这条，也许折腾了你两天都没有解决的 CSS BUG 问题，却仅仅源于这里。毕竟页面的模板一般都是由开发来嵌套的，而他们很容易犯此类问题。　　快捷提示：可以用 Dreamweaver 打开文件检查，一般没有闭合的标签，会黄色背景高亮。　　2、样式排除法　　有些复杂的页面也许加载了 N 个外链 CSS 文件，那么逐个删除 CSS 文件，找到 BUG 触发的具体 C... 阅读全文
posted @ 2010-08-31 10:31 radom 阅读(489) 评论(0) 推荐(1)
主流浏览器内核概览
摘要：浏览器最核心的部分是渲染引擎（Rendering Engine），我们一般习惯称之为“浏览器内核”，其负责解析网页语法（如HTML、JavaScript）并渲染、展示网页。因此，所谓的浏览器内核通常也就是指浏览器所采用的渲染引擎，渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。不同的浏览器内核对网页编写语法的解析也有所不同，因此同一网页在不同的内核浏览器里的渲染、... 阅读全文
posted @ 2010-08-26 22:19 radom 阅读(3571) 评论(0) 推荐(1)
打败 IE 的葵花宝典：CSS Bug Table
摘要：作为一名前端，我们通常要做的就是让页面在各系统A-Grade浏览器，甚至网站浏览份额0.1%以上的浏览器上良好显示。当然，还有性能问题。不过，今天要说的是样式的兼容问题。在IE/Mozilla/Webkit/Opera四分天下的今天，IE6-9/Mozilla（Gecko）系列/Chrome/Safari/Opera etc. 这些浏览器的兼容，无不让前端们头痛。而在这之中，最让人头痛的当数IE，... 阅读全文
posted @ 2010-08-24 00:07 radom 阅读(552) 评论(2) 推荐(2)
Firefox 4 beta 1发布——前端开发者须知
摘要：在Mozilla发布几个Firefox 3.7 preview版本之后，今天终于发布了Firefox 4 beta 1，在这个硝烟愈来愈浓的浏览器战场，Firefox 4的发布让情况更加复杂了。现在让我们来看看Firefox 4的改进和对前端开发的影响吧。一、界面改进正如之前泄漏出来的概念图一样，Firefox最终大刀阔斧的改变了自己的界面：这个界面确实变的简洁漂亮了，我个人也很喜欢它的某些细节，但是结构和Chrome/Opera的相似性，让我不得不担心，是不是将来主流的浏览器都要采用将tab放到上面并隐藏工具栏的布局了，所以，如果将来IE 9正式版出来的时候也是这样的布局，大家不要意外呀～～ 阅读全文
posted @ 2010-08-21 01:42 radom 阅读(313) 评论(0) 推荐(0)
Firefox 4将追赶IE9
摘要：在微软为IE9开发新的JavaScript引擎时，Mozilla也在为Firefox 4.0做着同样的事。IE9的开发代号为Chakra,从最近发布的3个预览版来看，IE9的Webkit Sunspider JavaScript测试成绩一直在稳步提升。毫无疑问，IE9的目标就是成为世界上最快的浏览器。　　通过发布Platform Preview 3 Build 1.9.7.8.74.6000，IE... 阅读全文
posted @ 2010-07-17 19:20 radom 阅读(234) 评论(0) 推荐(1)
Tahoma 字体在网页中应用的问题
摘要：Tahoma 是一个挺漂亮的字体，但是它其实会带来一些问题：1. 由Tahoma显示的中文，在IE 6里，下划线会紧紧的贴住中文字，很难看。2. IE 6下，Tahoma无法正确的设定为13px。它会跟14px一样大。但是其他浏览器没有这个问题。3. 如果一行里同时出现中文和英文，且这一行里有元素被定义了vertical-align属性，在IE 6、7里会导致文字高低不齐，甚至下划线错位。4、斜体... 阅读全文
posted @ 2010-07-04 21:08 radom 阅读(1135) 评论(0) 推荐(1)

1 2 下一页