opera浏览器

让 <pre /> 标签中的内容自动换行并符合 W3C 标准（多浏览器支持） 作者：龙震 　 默认情况下，<pre /> 标签中的内容若超出范围不会自动换行，这样无论在显示或打印都会出现麻烦。 下面提供符合 W3C 标准并支持多浏览器的 CSS 样式代码： pre{ white-space:pre-wrap; /* css-3 */ white-space:-moz-pre-wrap; /* Mozilla, since 1999 */ white-space:-pre-wrap; /* Opera 4-6 */ white-space:-o-pre-wrap; /* Opera 7 */ word-wrap:break-word; /* Internet Explorer 5.5+ */ } 更多内容请参见：http://www.w3.org/TR/css3-text/#white-space。 pre标签会原样保留HTML内容的格式，可是如果宽度过大会把页面撑坏，这时候需要自动换行来帮忙： Wrapping the pre tag Making preformated text wrap in CSS3, Mozilla, Opera and IEis the tip that let's you use the pre tag to keep the formatting,

前端开发人员打交道最多的莫过于浏览器，提到浏览器就不得不说一下当下最主流的浏览器及其内核了。 1、IE浏览器 IE是微软公司旗下浏览器，是目国内用户量最多的浏览器。IE诞生于1994年，当时微软为了对抗市场份额占据将近百分之九十的网景Netscape Navigator，于是在Windows中开发了自己的浏览器Internet Explorer，自此也引发了第一次浏览器大战。结果可想而知，微软大获全胜，网景不得不将自己卖给AOL公司。但实际上事情并没有结束，网景后来开发了风靡一时的Firefox火狐，至今Firefox也成为世界五大浏览器之一。 IE浏览器内核：Trident内核，也是俗称的IE内核； 2、Google Chrome浏览器： Chrome浏览器是google旗下的浏览器。Chrome浏览器至发布以来一直讲究简洁、快速、安全，所以Chrome浏览器到现在一直受人追捧。最开始Chrome采用webkit作为浏览器内核，直到2013年，google宣布不再使用苹果的webkit内核，开始使用webkit的分支内核Blink。 Chrome浏览器内核：统称为Chromium内核或Chrome内核，以前是Webkit内核，现在是Blink内核； 3、Firefox浏览器： Firefox浏览器使Mozilla公司旗下浏览器，也是刚才提到的网景公司后来的浏览器。网景被收购后

备注:在火狐下和IE下，js的执行不一致,很多语句结果不一致，其他浏览器也可能，注意验证,多用if else包括window。onload； 　　① 只用来区分IE和非IE内核的浏览器 ,由于只有IE支持ActiveX控件，所以可以用 window.ActiveXObject 来判断，另一个 document.all 也可以用来判断，返回值为true表示IE内核( 如果只是项区分是否IE只是用本方法即可 ); 　　var isIE = window.ActiveXObject; if (isIE) { alert('IE内核'); } else { alert('非IE内核'); } 　　② 判断是否IE内核和浏览器版本， 使用navigator.userAgent来判断 　　我们先来分析一下各种浏览器的特征及其userAgent。 IE 只有IE支持创建ActiveX控件，因此她有一个其他浏览器没有的东西，就是ActiveXObject函数。只要判断window对象存在ActiveXObject函数，就可以明确判断出当前浏览器是IE。而IE各个版本典型的userAgent如下： Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0) Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 5.2)

PNG图片在网页设计中扮演着一个很重要的角色，利用PNG图片的特点可以制作出实用,绚丽的效果，可是对于PNG图片的支持却不是很理想，Firefox和Opera对PNG支持的比较好，特别是Firefox浏览器。可是IE却不理PNG,使得设计者无法很随意的使用png图片。 IE5.5+的AlphaImageLoader滤镜为通向png提供了一个道路，如果他载入的是PNG(Portable Network Graphics)格式，则0%-100%的透明度也被提供。 HTML: 以下为引用的内容： 代码 < div id ="wrap" > < p >< strong > PNG半透明背景图片效果 </ strong >< br /> ：PNG图片在网页设计中扮演着一个很重要的角色，利用PNG图片的特点可以制作出需要使用绚丽的效果，可是对于PNG图片的支持却不是很理想，Firefox和Opera对PNG支持的比较好，特别是Firefox浏览器。可是IE却不理PNG,是的设计者无法很随意的使用png图片。 </ p > < p > IE5.5+的AlphaImageLoader滤镜为通向png提供了一个道路，如果他载入的是PNG(Portable Network Graphics)格式，则0%-100%的透明度也被提供。我们就利用这个滤镜和hack来设计一个半透明png背景图片的模型 </

测试环境: OS --> winXP Browsers --> IE6+, FF 3.0.11, FF 3.5, Opera 10 beta 2, Safari 4, Chrome 3.0.195 一。 transition（a标签hover渐隐效果） a:hover{transition: color 0.15s linear 0s, background-color 0.3s linear 0s;} -webkit-transition:color 0.15s linear 0s, background-color 0.3s linear 0s; -moz-transition:color 0.15s linear 0s, background-color 0.3s linear 0s; -o-transition:color 0.15s linear 0s, background-color 0.3s linear 0s; -ms-transition:color 0.15s linear 0s, background-color 0.3s linear 0s; transition:color 0.15s linear 0s, background-color 0.3s linear 0s; 一. box-shadow(阴影效果) 使用: box-shadow: 20px

Web browse 译为中文是网络浏览器或网页浏览器。 Web浏览器如今可谓遍地开花，无论你最终选择了什么浏览器，你可能都会举得他们的功能性想当然的，但是你们可能不知道这些Web浏览器是20年发展的精华。下面我们追溯到1991年——第一个Web浏览器诞生的时候，开始一个短暂的关于Web浏览器演变的旅程。告诉你Web浏览器是怎么样一步步发展到今天。 WorldWideWeb 首次发表：1991年 WorldWideWeb可能是全球用户最早注册的Web浏览器。WorldWideWeb的开发始于20世纪80年代末，之后10年间经过MTV的宣传以及Commodore 64的完善，终于在1991年这个有跨时代意义的Web浏览器发布了。WorldWideWeb原理很简单，可以显示基本的样式表，当然网页也就这样被用户浏览得到。WorldWideWeb的导航只用“返回”、“上一步”以及“下一步”三个按钮，不过同时它还兼具了编辑器的功能。WorldWideWeb后来改名为Nexus，浏览器的开发者Tim Berners-Lee称为了避免程序和抽象空间的混淆。 ViolaWWW 首次发表：1992年 在Web浏览器民用之前，仅有很少的人使用ViolaWWW浏览器(但是在当时仍是风靡的主流浏览器)。 ViolaWWW是最古老的浏览器之一，在1992年5月发布，它的开发者是美国加州大学得学生Pei

User-Agent的详细信息： PC端： safari 5.1 – MAC User-Agent:Mozilla/5.0 (Macintosh; U; Intel Mac OS X 10_6_8; en-us) AppleWebKit/534.50 (KHTML, like Gecko) Version/5.1 Safari/534.50 safari 5.1 – Windows User-Agent:Mozilla/5.0 (Windows; U; Windows NT 6.1; en-us) AppleWebKit/534.50 (KHTML, like Gecko) Version/5.1 Safari/534.50 IE 9.0 User-Agent:Mozilla/5.0 (compatible; MSIE 9.0; Windows NT 6.1; Trident/5.0; IE 8.0 User-Agent:Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; Trident/4.0) IE 7.0 User-Agent:Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0) IE 6.0 User-Agent: Mozilla/4.0 (compatible; MSIE 6

一、关于浏览器 （1）现在主流的浏览器有：Internet Explorer、Safari、Mozilla Firefox、 Google Chrome、Opera、百度、360、搜狗、遨游。 （2）最早的浏览器：Mosaic / Netscape Navigator(网景领航者)（1994-2008）简称NN。 浏览器与浏览器之间也会产生矛盾，解决矛盾最好的方法莫过于打一架！在上世纪90年代就爆发了第一次浏览器大战，微软发布了他的IE浏览器，和网景公司的Netscape Navigator浏览器大打出手，取代了网景公司Netscape Navigator在市场的主导地位。甚至还引发了美国诉微软案官司。在20世纪的时候又发生了第二次浏览器大战，Internet Explorer9便是战争的产物！ 二、五大浏览器内核 （1）Trident（MSHTML）（三叉戟；三插线；三齿鱼叉） （2）Gecko（壁虎） （3）Presto（迅速的） （4）Webkit（Safari内核，Chrome内核原型，它是苹果公司自己的内核，也是苹果的Safari浏览器使用的内核） （5）Blink（由Google和Opera Software开发的浏览器排版引擎） 三、五大浏览器内核代表作品 Trident：IE、Maxthon(遨游)、腾讯、Theworld世界之窗、360浏览器。代表作品IE

客户端检测 9.1能力检测 只要确定浏览器支持特定的能力，就能给出解决方案 if(object.propertyInQuestion){ } 两个概念：先检测达成目的的最常用的特性；检测实际要用到的特性 9.1.1更可靠的能力检测 尽可能使用typeof进行能力检测 在浏览器环境测试任何对象的某个特性是否存在使用如下函数： function isHostMethod(object, property) { var t = typeof object[property]; return t == 'function' || (!!(t == 'object' && object[property])) || t == 'unknown'; } result = isHostMethod(xhr, "open"); //true result = isHostMethod(xhr, "foo"); //false 9.1.2能力检测不是浏览器检测 最好是一次性检测所有相关特性，而不是分别检测 //确定浏览器是否支持 Netscape 风格的插件 var hasNSPlugins = !!(navigator.plugins && navigator.plugins.length ); //确定浏览器是否具有 DOM1 级规定的能力 var hasDOM1 = !!(document

如果你从事前台开发，那么肯定不能少的就是要熟悉各浏览器的内核，那么我们如何知道各浏览器的内核呢？那就得从window.navigator.userAgent入手了。 首先我们写一个自己的Browser对象。 (function(win){ var // Useragent RegExp rwebkit = /(webkit)[ \/]([\w.]+)/, ropera = /(opera)(?:.*version)?[ \/]([\w.]+)/, rmsie = /(msie) ([\w.]+)/, rmozilla = /(mozilla)(?:.*? rv:([\w.]+))?/, browserMatch, Browser = {}, userAgent = win.navigator.userAgent; function uaMatch(ua){ ua = ua.toLowerCase(); var match = rwebkit.exec( ua ) || ropera.exec( ua ) || rmsie.exec( ua ) || ua.indexOf("compatible") < 0 && rmozilla.exec( ua ) || []; return { browser: match[1] || "", version: match[2] || "0"