以图明志

Web设计理念

浏览器User-agent String里的历史故事

为啥User-agent总是有Mozilla字样?
你是否好奇标识浏览器身份的User-Agent,为什么每个浏览器都有Mozilla字样? 因为网站开发者可能会因为你是某浏览器(这里是 Mozilla),所以输出一些特殊功能的程序代码(这里指好的特殊功能),所以当其它浏览器也支持这种好功能时,就试图去模仿 Mozilla 浏览器让网站输出跟 Mozilla 一样的内容,而不是输出被阉割功能的程序代码。大家都为了让网站输出最好的内容,都试图假装自己是 Mozilla 一个已经不存在的浏览器……

Web设计理念

浏览器渲染过程中的reflow是什么

浏览器渲染原理
浏览器每天就这么来来回回跑着,要知道不同的人写出来的html和css代码质量参差不齐,说不定哪天跑着跑着就挂掉了。好在这个世界还有这么一群人——页面重构工程师,平时挺不起眼,也就帮视觉设计师们切切图啊改改字,其实背地里还是干了不少实事的。

JavaScript

几个JavaScript的浏览器差异处理问题

处理和了解浏览器差异一个重要问题
JQuery确实是个很好用的库,你可以不用考虑很多细节方面的事情。但很作为一个web前端,处理和了解浏览器差异一个重要问题。下面将介绍一些总结,先介绍没有使用js库的情况。这篇文章的目的也就是介绍浏览器差异的同时使前端的朋友们了解如果用最有效的方法去解决问题。

Web设计理念

各浏览器加载资源的方式区别

各浏览器是如何下载资源来打开页面的
这个总结来源于一次优化的请求,最初某个页面的加载十分缓慢,load事件迟迟无法触发,因此希望可以通过对静态文件分域名等方式对页面的外部资源进行优化,拿得load事件尽可能早地触发。本篇文章就使用几种流行的浏览器,针对同一个页面的外部资源加载过程进行分析,推测各浏览器加载外部资源的策略、特征,并最后给予一定的比较和总结。

Web设计理念

IE浏览器与IE内核浏览器有什么区别

navigator.userAgent
很多人一谈到浏览器就会想到 Internet Explorer,我们简称它为IE。确实在生活中用到最多的就是这个浏览器了,很多人只用这个浏览器,甚至有些人在意识里只有这个浏览器。但是Internet Explorer只是浏览器里的一个。也许是因为IE的市场太过于广阔,或许是因为网页提供商已经习惯IE的标准进行制作网页,甚至一些网站还必须使用IE才能识别。

Web设计理念

优化js脚本设计,防止浏览器假死

解放你的浏览器
Nicholas C. Zakas认为不论什么脚本,在任何时间、任何浏览器上执行都不应该超过100毫秒,否则一定要将脚本分解成若干更小的代码段。那么我们该如何来做呢:第一步,优化你的循环,循环体中包含太多的操作和循环的次数过多都会导致循环执行时间过长,并直接导致锁死浏览器。

互联网时代

浏览器内核及渲染过程介绍

不同浏览器内核引擎区别
浏览器可以分为两部分,shell+内核。其中shell的种类相对比较多,内核则比较少。Shell是指浏览器的外壳:例如菜单,工具栏等。主要是提供给用户界面操作,参数设置等等。它是调用内核来实现各种功能的。内核才是浏览器的核心。内核是基于标记语言显示内容的程序或模块。内核又可以分成两部分:渲染引擎(layout engineer或者Rendering Engine)和JS引擎。

JavaScript

JavaScript正则表达式的浏览器的差异

不了解这些差异在开发时会浪费很多时间
JavaScript中的正则表达式在不同的浏览器中得到的结果可能会有差异,下面把正则表达式在五大主流浏览器(IE、Firefox、Chrome、Safari、Opera,以当前版本为准)之间的差异整理一下罗列出来。

CSS

IE的CSS渲染跟其它浏览器有什么不同

浏览器兼容需要对IE的工作模式有所了解
由于IE系浏览器对标准的支持不够好,导致Web开发中经常需要去处理浏览器兼容性问题,特别有些莫名其妙的问题很让人头疼。如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况。之所以说是一般情况是因为可以使用!important来改变这种顺序,比如外部样式如果某个样式项使用了!important来提高优先级,其优先级将比内联样式高。

互联网时代

目前主流浏览器的内核

了解主流浏览器都是用什么内核的
浏览器最重要或者说核心的部分是“Rendering Engine”,可大概译为“解释引擎”,不过我们一般习惯将之称为“浏览器内核”。负责对网页语法的解释(如HTML、JavaScript)并渲染(显示)网页。所以,通常所谓的浏览器内核也就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。

JavaScript

JavaScript在Firefox与IE下的差异

虽然JS跨浏览器的问题很烦人,但这就是现实
尽管那需要用长串的、沉闷的不同分支代码来应付不同浏览器的日子已经过去,偶尔还是有必要做一些简单的区分和目标检测来确保某块代码能在用户的机器上正常运行。下面介绍一些在IE和Firefox中不同的JavaScript句法。

HTML

防止浏览器假死的一个HTML5方案

HTML5 webWorker的使用
在Web开发的时候经常会遇到浏览器不响应事件进入假死状态,甚至弹出“脚本运行时间过长“的提示框,如果出现这种情况说明你的脚本已经失控了。一个浏览器至少存在三个线程:js引擎线程(处理js)、GUI渲染线程(渲染页面)、浏览器事件触发线程(控制交互)。

JavaScript

判断浏览器类型并使用相应的CSS

让你的网站呈现更灵活
做过前端开发的应该都会对浏览器兼容问题抓过头吧,这里有一种方法,可以根据用户使用的浏览器判断使用何种CSS,同样,你也可以根据用户登录的时间,显示白天,夜晚或者凌晨,这样可以使你的网站更加人性化。

JavaScript

JavaScript获取浏览器窗口的尺寸

实时了解窗口的高度和宽度
获取浏览器当前窗口大小。当浏览器窗口大小变化时,显示的值会随时变化。程序主要使用了Document对象关于窗口的一些属性,这些属性的主要功能和用法如下。要得到窗口的尺寸,对于不同的浏览器,需要使用不同的属性和方法:若要检测窗口的真实尺寸,在Netscape下需要使用Window的属性。

PHP服务器脚本

PHP如何判断用户浏览器类型与语言

服务器变量$_SERVER的使用
用PHP判断浏览器类型其实很简单。因为浏览器在和服务器连接时候都会先发送一些包含自己信息的内容(浏览器类型、语言等)。这里我们主要分析的是_SERVER["HTTP_USER_AGENT"](浏览器类型)和_SERVER["HTTP_ACCEPT_LANGUAGE"](浏览器语言)。
1 / 1 首页 < Prev 1 Next > 尾页 页码: