第一篇：有關JS兼容性的工作總結

關于JS兼容性的總結

在網站前端開發中，瀏覽器兼容性問題本已讓我們手忙腳亂，Firefox的出世不知道又要給我們添多少亂子。瀏覽器兼容性是前端開發框架要解決的第一個問題，要解決兼容性問題就得首先準確判斷出瀏覽器的類型及其版本。

JavaScript是前端開發的主要語言，我們可以通過編寫JavaScript程序來判斷瀏覽器的類型及版本。JavaScript判斷瀏覽器類型一般有兩種辦法，一種是根據各種瀏覽器獨有的屬性來分辨，另一種是通過分析瀏覽器的userAgent屬性來判斷的。在許多情況下，值判斷出瀏覽器類型之后，還需要判斷瀏覽器版本才能處理兼容性問題，而判斷瀏覽器的版本一般只能通過分析瀏覽器的userAgent才能知道。

在不同的瀏覽器中對js的支持程度,語法要求都不大一樣!在網上查尋資料，我目前暫時認識比較好的判斷代碼如下：

因此在擴展的代碼中首先要對瀏覽器進行了判斷，判斷它是否為Firefox，我添加的代碼語句為：

FF=(navigator.userAgent.indexOf(”Firefox“)>0)?true:false;然后對初始狀態進行設置，在W3C標準下，兼容FF的寫法，在initIt（）方法中擴展了： else{

tempColl = document.getElementsByTagName(”DIV“);

for(i=0;i

if(tempColl[i].className == ”child“)

tempColl[i].style.display = ”block“;

} } 然后擴展到FF，function expandFF(el){ whichEl = document.getElementById(el + ”Child“);var event=getEvent();//調用方法得到event事件對象

whichIm = event.target;if(whichEl.style.display == ”none“){

whichEl.style.display = ”block“;

whichIm.src = ”images/line_title.gif“;} else {

whichEl.style.display = ”none“;

whichIm.src = ”images/hdclose.gif“;}

event.cancelBubble = true;} 其中，對event事件這里以方法的形式來調用： //得到EVENT對象

function getEvent(){

if(document.all)

return window.event;

func=getEvent.caller;

while(func!=null){

var arg0=func.arguments[0];

if(arg0){

if((arg0.constructor==Event||arg0.constructor==MouseEvent)||(typeof(arg0)==”object" && arg0.preventDefault && arg0.stopPropagation)){

return arg0;

}

}

func=func.caller;

}

return null;}

第二篇：js面試題

解釋AJAX？

Ajax的全稱是：AsynchronousJavaScript+XML Ajax不是一個技術，它實際上是幾種技術，每種技術都有其獨特這處，合在一起就成了一個功能強大的新技術。

Ajax（AsynchronousJavaScriptandXML）是結合了Java技術、XML以及JavaScript等編程技術，可以讓開發人員構建基于Java技術的Web應用，并打破了使用頁面重載的慣例。

Ajax是使用客戶端腳本與Web服務器交換數據的Web應用開發方法。這樣，Web頁面不用打斷交互流程進行重新加裁，就可以動態地更新。使用Ajax，用戶可以創建接近本地桌面應用的直接、高可用、更豐富、更動態的Web用戶界面。

ajax有什么組成，各組件作用是什么？

由JavaScript、CSS、DOM、XMLHttpRequest組成。JavaScript:將所有的東西綁定在一起。CSS:級聯樣式表

DOM:進行動態顯示及交互。

XMLHttpRequest:進行異步數據查詢、檢索。

寫出ajax的編程六步驟？ 觸發一個事件

創建一個XMLHttpRequest請求 設置回調函數 打開一個鏈接open()發送請求 send()編寫處理請求函數（回調函數）

ajax中向服務器發送消息的get和post有什么區別？

get：參數以URL方式進行提交,參數用來提交給服務器看,需要服務器端主動拿取。get不安全，而且URL長度有限制，編碼問題也會出現。

post：參數包含在請求體中提交，服務器端直接從請求中獲得數據。

寫出AJAX中處理從服務器得到的數據的兩種方式？(1)以文本字符串的方式返回服務器的響應

(2)以XMLDocument對象方式返回響應

什么是 JSON? JSON(JavaScript Object Notation)是一種輕量級的數據交換格式。易于人閱讀和編寫。同時也易于機器解析和生成。JSON采用完全獨立于語言的文本格式，但是也使用了類似于高級語言的習慣（包括C, C++, C#, Java, JavaScript, Perl, Python等）。這些特性使JSON成為理想的數據交換語言。

寫出JSON的具體形式？ 1）對象是一個無序的“‘名稱/值’對”集合。一個對象以“{”開始，以“}”結束。每個“名稱”后跟一個“：”，“‘名稱/值’對”之間使用“，”分隔。

2）數組是值（value）的有序集合。一個數組以“[”開始，“]”結束。值之間使用“，”分隔。

3）值（value）可以是雙引號括起來的字符串（String）、數值(number)、true、false、null、對象(object)或者數組(array)。這些結構可以嵌套。

4）字符串（string）是由雙引號包圍的任意數量Unicode字符的集合，使用反斜體轉義。一個字符(character)即一個單獨的字符串(characeter string).寫出JSON 的構建的結構？

第三篇：學雷鋒-js

采訪里：2012-3-1播出日：2012-3-1

記者：胡莉 董松通訊員：鄧苗苗

【標題】

中宣部等舉行“弘揚雷鋒精神，開展志愿服務”視訊會議武漢設分會場。

【口播】

中宣部、中央文明辦今天上午舉行“弘揚雷鋒精神，開展志愿服務”視訊會議，武漢設分會場。

March 5th is China’s Moral Model Lei Feng’s birthday.A series of activities to promote voluntary service will be launched this month.A nationwide tele-conference was held this morning to organize related activities.【畫外】

中宣部常務副部長、中央文明辦主任雒樹剛就充分認識開展志愿服務的重大意義、大力普及志愿服務理念和開展關愛他人、關愛社會、關愛自然的三關愛活動發表講話。

雒樹剛說，社會志愿服務也是雷鋒精神的載體。應以傳承和弘揚雷鋒精神為主題，以青少年為重點，廣泛開展學雷鋒實踐和社會志愿服務，廣泛普及愛國、敬業、誠信、友善的基本道德規范，從而推動學雷鋒活動常態化、機制化，形成大家都來弘揚雷鋒精神，大家都來爭做好人、多做好事，追求美好道德，形成我為人人、人人為我的良好氛圍。

教育部、文化部、全國總公會、共青團中央、全國婦聯、中國殘聯、中國紅十字會等單位代表發言，匯報各自對雷鋒精神的理解和志愿活動安排。

視訊會后，武漢市文明辦主任嚴宏向與會者通報了近期21項“學雷鋒、三關愛”志愿服務活動安排。3月，各區、各級學校、行業窗口、文化戰線將推出系列活動，關愛幫扶空巢老人、留守兒童、農民工和殘疾人士。

[Gist]

Mr.Luo Shugang, the deputy minister of the Propaganda Department of the CPC Central Committee, gave a speech on the “Three Care” activity, “Care about others, society and the environment”, as well as on the importance and significance of volunteer service.Mr.Yanhong, the director of the Wuhan Civilization Office, gave a report on volunteer service arrangements planned for the coming months.Single seniors, orphaned children, migrant workers and the disabled will be the first groups to benefit from volunteer services in March.

第四篇：網頁兼容性測試

網頁兼容性測試

Web兼容性測試主要是針對不同的操作系統平臺，瀏覽器，以及分辨率進行的測試。由于用戶瀏覽器的不同，往往都會使我們的網頁發生頁面樣式錯亂，圖片無法顯示等問題。因此我們就需要對Web網頁進行兼容性測試。對于web應用，我們無法預計用戶的客戶端配置和運行環境。所以，做好兼容性測試是非常重要的。

1.1.操作系統兼容性測試

常見的操作系統有Windows，Unix，Linux等，對于普通用戶來講，最常用的是Windows操作系統。Windows操作系統包括Windows XP，windows 2003，vista，Win2000/NT，Windows9x等等。

1.2.瀏覽器兼容性測試

瀏覽器是Web系統中最核心的組成構件，來自不同廠家的瀏覽器對Javascript、ActiveX或不同的HTML規格有不同的支持，即使是同一廠家的瀏覽器，也存在不同的版本的問題。不同的瀏覽器對安全性和JAVA的設置也不一樣。

使用不同的瀏覽器（Firefox IE7 IE6）訪問同一個網站，或者頁面的時候，在一種瀏覽器下顯示正常，在另一種下就亂了。不同的瀏覽器對CSS解釋不同。

常見的瀏覽器兼容性問題，主要表現在如下兩方面； 1）頁面顯示

頁面顯示的美觀性是Web應用程序中重要需求，不同瀏覽器上呈現給用戶的同一個Web頁面可能顯示的不一樣。這些差異性主要表現在對于頁面元素的位置、大小、外觀。如果在某款瀏覽器上顯示不美觀，就會成為一個問題，需要修改。

2）功能問題

Web軟件中的功能性問題主要是不同瀏覽器對腳本的執行不一致，功能性問題極大的限制了用戶對Web界面元素的使用。這類問題通常很難被發現，比如某個按鈕可能顯示正確但實際它是無法使用的，這個則需要用戶真正的去使用它才能被發現。

3）現有解決方法

由于軟件盡可能多的支持不同類型瀏覽器，近年來越來越多的成為一個趨勢，因此測試的工作量也越來越大。而更多的方法是通過手工進行測試，如何減少工作量，當然想到的還是自動化。

在業內目前通過自動化的方法減少手工測試工作量，主要的過程如下：

1）錄制手工操作

將手工操作過程在一個瀏覽器上通過軟件的方式記錄下來。記錄的主要是鼠標與鍵盤的動作，同時對每一個操作后的結果，設置一個預期結果。

2）檢查測試結果

根據上個步驟錄制的腳本，在其他瀏覽器上進行回放（自動化操作），并比對實際結果與預期結果，如果一樣則測試通過，否則測試失敗。

上述自動化的主要問題在于：

1）錄制時需要設置預期結果，存在額外的工作量。

2）頁面變化是WEB軟件開發中經常發生的，比如變化了界面顯示的文字，移動存放的位置，都可能導致錄制的腳本需要進行修改，腳本的維護工作量會比較大。

3）對于操作的結果檢查，由于各個瀏覽器對于界面的展現各不相同，（比如字體的顯示各不相同），因此結果可能是多種的，就會很容易產生展現的結果也是美觀的，但被誤報成測試失敗的現象。

1.3.分辨率兼容性測試

分辨率的測試是為了頁面版式在不同的分辨率模式下能正常顯示，字體符合要求而進行的測試。用戶使用什么模式的分辨率，對于我們來講是未知的。通常情況下，在我們的需求規格說明書中會建議某些分辨率。對于測試來講，必須針對需求規格說明書中建議的分辨率進行專門的測試。現在常見的分辨率是1024×768，800×600。

1.主流瀏覽器和測試工具

瀏覽器

瀏覽器是指可以顯示網頁服務器或者文件系統的HTML文件內容，并讓用戶與這些文件交互的一種軟件。網頁瀏覽器主要通過HTTP協議與網頁服務器交互并獲取網頁，這些網頁由URL指定，文件格式通常為HTML。瀏覽器是最經常使用到的客戶端程序。

個人電腦上常見的網頁瀏覽器包括：

1】 微軟的Internet Explorer（6.0,7.0,8.0,9.0）

6.0版本

6.0版本于2001年8月27日發布，距Windows XP正式發布日的數星期前發布。這版本包含增強版DHTML、內聯網頁框架的內容限制和部分支持CSS level

1、DOM level 1和SMIL 2.0。MSXML引擎會更新到3.0版本。其他新的特征包含一個新版本的IEAK、媒體列和Windows Messenger綜合版、錯誤收集、自動化重整圖片大小、P3P和一個新的外觀，能配合Windows XP的“Luna”界面。于2002年，Gopher的功能被禁用，7.0版本更取消了對Gopher的支持。

7.0版本

Windows VistaBeta1上的InternetExplorer 7.0Beta1在2005年2月15日，微軟主席比爾·蓋茨于舊金山的RSA討論會中，宣布新版本瀏覽器將會發布。推出新瀏覽器的原因是InternetExplorer的市場占有率逐漸被MozillaFirefox侵蝕。此外，微軟宣布7.0版本只可以用于Windows XP SP2和之后的操作系統中，包括Windows Server 2003 SP1和Windows Vista。InternetExplorer的第一個預覽版本于2005年7月27日推出，主要用于技術測試。而第一個向大眾的測試版本于2006年1月31日推出，版本是Beta2 preview。最后的公開測試版本于2006年10月18日推出。7.0版本預期可以保護用戶于釣魚式攻擊和其他的惡意軟件。用戶可以完全控制ActiveX和更佳的保安架構，包括與Windows系統分開，不像以往般緊密融合，從而提高安全性。另外，新版本包括收復了一些程序中的錯誤，加強對各網際標準的支持，增進支持HTML 4.01/CSS 2，新加入分頁瀏覽，還有一個支持各搜索引擎的搜尋方塊，一個Web-feed閱覽器，支持國際化域名，和反釣魚式攻擊過濾器。它甚至可以擋掉一些程序類型，例如Flash電影和Java。

2008年2月12日，微軟以“安全原因”將通過Windows Server Update Services把所有Windows系統的瀏覽器強制升級到7.0版本。

8.0版本

北京時間2008年3月6日，微軟發布了InternetExplorer 8的第一個公開測試版本(beta1)。本次測試第一次包涵簡體中文（3月27日推出）版本。測試版本仍然是在IE7的架構下改進的。界面除了做一些細微的調整，增加少許實用功能外，并無改進。beta1版本推出了模擬IE7的模式、增加了在線郵件瀏覽功能、提高了兼容性、反釣魚功能進一步增強,可以進行網頁地址篩選。北京時間8月28日

消息，據國外媒體報道，微軟周三發布了功能完備的升級版IE8 Beta2。微軟稱，IE8 Beta2的新特性是加強了隱私保護，并提高了使用舒適性及安全性。微軟3月份發布了IE8 Beta1，但目的只是向網絡開發者展示這一最新IE版本，Beta2則旨在向更多用戶進行展示。微軟沒有透露將于何時正式推出IE8，也并未對會有多少用戶下載Beta2作出預測。

微軟在當地時間2009年1月26日，也就是我們的農歷新年時正式發布了IE8 RC1。此次的IE 8 RC1，是IE 8的最后一個測試版，微軟目前已在其下載中心提供IE 8 RC1的下載。該版本可用于32位Vista、64位Vista和Windows XP，任何用戶都可下載、試用，但是此次的改進與發行說明尚未更新。此次發布的IE8 RC1只支持Windows XP和Windows Vista，而不支持Windows 7。

微軟網站從美國西部時間3月19日上午9點，北京時間3月20日0點開始提

供IE8免費下載，IE8正式版最終問世。IE8正式版可以安裝在Windows Vista系統以及Windows XP系統中，而微軟新的操作系統Windows 7，IE8瀏覽器將被捆綁安裝其中。IE 8的新功能之一是一種為“InPrivate”的瀏覽模式。這種瀏覽模式能夠不留下用戶PC的指紋。微軟希望利用IE 8新增加的功能奪回在瀏覽器市場失去的市場份額。IE 8新增加功能包括隱私瀏覽、改善的安全和名為加速器的新型插件。在安全方面，微軟增加了跨站腳本過濾器并且增加了防御“點擊劫持”攻擊的功能。

9.0版本

IE9利用PC的圖形處理單元（GPU）優勢去加速文字和圖形的渲染能

Windows Internet Explore 9

力、加強標簽瀏覽、可伸縮矢量圖形（SVG）以外，IE9更遵守網頁瀏覽標準，特別是對HTML5標準的支持。IE9的性能表現大幅提高，從而在運行速度上縮短IE同火狐、Chrome等競爭產品的差距。微軟于2011年3月15日(北京時間)在SXSW互動大會正式發布了Internet Explorer 9.0。

IE9界面

IE9.0支持Windows Vista和Windows 7，但并不支持Windows XP。IE9最新的改變包括硬件加速的HTML5和Windows 7無縫的集成、新UI界面、更加出色的安全保護和隱私保護.、對存在詬病了加載項進行了改進、改進了開發工具以及全新淡雅的LOGO。）、2】 Mozilla的Firefox

（Redfox是經過定制后的綠色安裝增強FireFox版本，其特點如下：采用正式版代碼編譯優化，支持部分非標準網站；不寫注冊表，可以方便的拷貝移動或者刪除；加入了大量常用擴展供大家在安裝的時候選擇；對原有FireFox的錯誤和不方便設置進行了修正；調整了部分次參數進一步加快FireFox的瀏覽速度。

Madfox是一個基于Firefox的瀏覽器。Firefox是一個非常優秀的瀏覽器，但是由于我們周圍有很多不符合互聯網標準的網站，從而在很大程度上阻礙了Firefox的推廣。對于標準和非標準，無論是技術還是非技術層面，都有著非常激烈的爭論。Madfox項目的目的，是希望僅從技術的角度出發，通過擴展Firefox，嘗試去兼容不符合標準和規范的網站。）、3】 Google Chrome 全球第一大瀏覽器（Stable Channel（穩定版/正式版）：適合追求穩定的普通用戶使用。

Beta Channel（測試版）：適合喜歡較穩定又可嘗鮮的朋友下載使用。該版本是新的正式版發布前的公開測試所用，版本上的新功能不會作太多修改，主要為安全上的測試，但可能會存在不穩定情況。

Dev Channel（開發版）：適合開發人員使用。主要為功能上的測試，可能存在穩定性問題，通常更新速度為一周一次。

Canary Build（金絲雀版）：僅適合開發人員或追求最新版本的用戶使用。2010年7月加入，比開發版更新快但更不穩定，相對的也會加入更多測試性的新功能。Canary Build有一個特色是它可以獨立安裝，不會覆蓋原本的“Google Chrome”版本，讓系統中可以同時擁有兩套安裝版“Google Chrome”。

Chrome Lite（移動簡化版）：被運用于Android操作系統中。）、4】 Apple的Safari（Safari是蘋果公司所開發的網頁瀏覽器，并內建于MacOSX。Safari使用了KDE的KHTML作為瀏覽器的運算核心。MacOSX中的圖形技術能確保系統中所有軟件，從iPhoto到FInalCutPro輸出的圖片都絢麗無比。Safari是唯一采用高級色彩管理、以最準確的色彩顯示網絡圖片的瀏覽器。Safari在2003年1月7日首度發行測試版，并成為MacOSXv10.3與之后的默認瀏覽器，也是iPhone與iPodtouch的指定瀏覽器。圖標外形是一個指南針。Windows版本的首個測試版在2007年6月11日推出，支援WindowsXP與WindowsVista，在2008年3月18日推出正式版。safari瀏覽器目前是全球三大瀏覽器之一

Safari使用蘋果自家的WebKit來進行網頁排版及執行JavaScript，當中WebKit內含WebCore排版引擎及JavaScriptCore引擎，分別從KDE的KHTML及KJS引擎衍生而來。WebCore及JavaScriptCore與KHTML及KJS一樣，同是自由軟件，并以LGPL方式授權。蘋果對KHTML的一些改進會并入Konqueror計劃。另外，蘋果方面也推出了附加的源始碼，以類似BSD執照般的開放源代碼方式授權。）、5】 Opera（Opera支持多種操作系統，如Windows、Linux、Mac、FreeBSD、Solaris、BeOS、OS/

2、QNX等，此外，Opera還有手機用的版本，如在Windows Mobile和Android手機上安裝的Opera Mobile和在JAVA上的Opera Mini，早在2006年更與Nintendo簽下合約，提供NDS及Wii游樂器Opera瀏覽器軟件；也支持多語言，包括簡體中文和繁體中文。）、6】 HotBrowser

（HotBrowser是沖冠科技(MAGICMASTER)在云計算時代出品的一款云安全瀏覽器，它也時常被作為平臺應用于高端計算機和手持電腦領域。沖冠科技(MAGICMASTER)在內測版本時期由于商標問題將正在研發的瀏覽器更名為“HotBrowser”。目前尚未有中文版本的HotBrowser，在對于中國來講是個不平凡的2008年的最后一天，首次提出進軍繁體/簡體中文瀏覽器市場。HotBrowser目前并沒有官方正式的中文名字，通常被愛好者們譯為“浩勢”或“云安全”，甚至直接譯為“沖冠”。）、7】 GreenBrowser瀏覽器

（GreenBrowser，又稱綠色瀏覽器，從界面上來看，和MyIE極為相似，具有占用內存少，啟動速度很快，不易崩潰等其他特點。另外，對于廣告的過濾，不用安裝等特點在國內網頁瀏覽器中也很突出。）、8】 Avant 瀏覽器

（AvantBrowser是一款的多窗口瀏覽器。它繼承了IE的所有功能和使用方式。并在此基礎上作了擴充；同時也是一款自定義的web瀏覽器應用程序，一款設計為擴展Microsoft Internet Explorer 所提供服務的獨立的應用程序。）、9】 360瀏覽器

（360安全瀏覽器是世界之窗開發者鳳凰工作室和360安全中心合作的產品[1]，其沙盤安全技術來自與Sandboxie的合作。360安全瀏覽器自稱“最安全的瀏覽器”、“中國大陸除了IE以外使用者最多的瀏覽器。簡單的比喻就是世界之窗＋Sandboxie的OEM版。

360極速瀏覽器是360安全中心推出的一款基于Chromium開源項目的瀏覽器，也是基于世界之窗瀏覽器的再次開發產品，自稱是全球首個無縫銜接Chrome和IE的瀏覽器。其界面與Google Chrome瀏覽器十分相似。但是360為它添加了一些符合國內用戶習慣的一些功能。）、10】 世界之窗

（世界之窗采用IE內核開發，兼容微軟IE瀏覽器，可運行于微軟windows98/me/2000/xp系列操作系統上，并且要求系統已經安裝了IE。推薦運行在安裝IE5.5或更高版本的系統上。）、11】 騰訊TT，QQ瀏覽器

（騰訊TT是一款集多線程、黑白名單、智能屏蔽、鼠標手勢等功能于一體的多頁面瀏覽器，具有快速、穩定、安全的特點。Tencent Traveler 騰訊是中國最早的互聯網即時通信軟件開發商，是中國的互聯網服務及移動增值服務供應商，并一直致力于即時通信及相關增值業務的服務運營。

QQ瀏覽器6.11是騰訊公司推出的新一代瀏覽器，使用極速（Webkit）和普通（Trident）雙瀏覽模式，設計了全新的界面交互及程序框架，目的是為用戶打造一款快速、穩定、安全、網絡化的優質瀏覽器。）、12】 搜狗瀏覽器

（搜狗瀏覽器，搜狐出品，使用高速（webkit）和兼容（Trident）雙瀏覽模式，保證良好兼容性的同時極大提升網頁瀏覽速度。當采用高速模式訪問網頁出現問題時，可點擊地址欄旁邊的內核按鈕直接切換內核，使用兼容性更佳的兼容模式正常瀏覽網頁。）、13】 傲游瀏覽器

（傲游瀏覽器3.0是國內首先嘗試使用Webkit與Trident雙核心的瀏覽器。Webkit核心將使你打開網頁的速度更快，Trident 核心則會帶給你更好的兼容性支持。除此之外，傲游3.0目前還包括智能填表、智能地址欄、彈窗過濾、在線收藏等功能）、14】 百度瀏覽器

（百度瀏覽器的使命是讓人們更流暢的上網、更愉悅的在線生活。通過百度的開放整合和精準識別，您可以一鍵觸達海量優質的服務和資源，音樂、閱讀、視頻、游戲等個性所求。百度瀏覽器，和您一分享美好的互聯網世界。依靠百度強大的平臺資源，簡潔的設計，安全的防護，超快的速度，豐富的內容逐漸成為國內成長最快的創新瀏覽器。）

15】 Lunascape（5.0+）

（Lunascape瀏覽器，是日本Lunascape公司出品的三引擎瀏覽器。可在瀏覽器中自由切換三種渲染引擎：Trident(IE)、Gecko(Firefox)和WebKit，最大地保證了瀏覽器的兼容性和穩定、快速的特點。此瀏覽器還獲得數個獎項，號稱世界首款融合了3種內核、運行速度最快的瀏覽器。其充分應用了web2.0的時代特征，將瀏覽器與各種網絡服務進行了無縫集成，并攜帶了多種革命性的功能。如高性能的選項卡式瀏覽、方便快捷的鼠標手勢、RSS訂閱、防止意外崩潰功能、IE工具欄支持、直接導入設置從多種瀏覽器中、自動刪除個人信息、多種自定義外觀、支持視頻共享網站與SNS網站的插件、3種內核自由切換等等。總之，Lunascape可以讓您在日常生活中的各種事物均可直接在瀏覽器內完成。）

2.測試工具

1）Spoon Browser Sandbox Xenocode Sandbox是一個利用強大虛擬技術，實現模擬大部分瀏覽器來測試網頁兼容，但是在使用之前必須要安裝一個插件，而且每次使用都必須在其網站上。(公司網絡有限制，下載和使用都不方便)使用http://spoon.net/browsers/的沙箱模擬器

優點：在一臺測試機器上安裝一個客戶端，就可以模擬IE6、7、8三種瀏覽器的渲染效果.缺點：

1)服務器訪問較慢，測試機器如果配置低，訪問會比較慢。2)經常與微軟發生矛盾，關閉IE模擬程序。

2）Superpreview SuperPreview是微軟發布的網頁開發調試工具，自帶有很多元素查看工具，如箭頭、移動、輔助線、對比……，在查看網頁的IE6/IE7/IE8不同表現的同時，可以對比效果。

在SuperPreview中，你可以同時瀏覽網頁在各個版本的IE中的效果。根據微軟的介紹，SuperPreview的可用IE版本視系統已安裝IE瀏覽器的版本而定，如果系統安裝了IE8，那SuperPreview瀏覽器測試可用版本就包括IE8、IE7和IE6；如果系統安裝了IE7，那SuperPreview只包括IE7和IE6；如果系統安裝了IE6，那SuperPreview只能測試IE6。這也就意味著如果你要使用SuperPreview的話，使用高版本的IE更“劃算”。

現在的SuperPreview有兩個不同的版本。Microsoft Expression Web SuperPreview for Internet Explorer 可以在IE的版本下調試html，而Microsoft Expression Web 3可以在IE和FF下調試html。Microsoft Expression Web 3是對html頁面的調試，而頁面的鏈接不能點擊。

(附安裝文件)安裝時報錯請參考：http://12345.co/Topic/view/id-2881

3）IETester IETester是一個免費的WebBrowser控件，讓您有渲染和IE8的JavaScript引擎，IE7和IE 6在Windows 7，Vista和XP的IE5.5中，以及在同一進程中安裝的IE瀏覽器。新的v0.4.2：新增開發選項來啟用/禁用瀏覽器的功能！V0.4.11版本還提供DeBugBar插件。

DebugBar是功能強的IE插件,類似于Firefox瀏覽器的一款開發類插件Firebug.從各個不同的角度剖析Web頁面內部的細節層面，給Web開發者帶來很大的便利.目前對于個人用戶免費.企業用戶收費.主要有以下功能:

1.查看網頁DOM樹,HTTP(S),網頁javascript腳本函數歸類展示.效驗網頁中的框架.網頁屬性的詳細信息

2.提供網頁源碼與IE整理后代碼的對比.3.能在無需改變顯示器分辨率的前提下用不同分辨率顯示頁面.并能對頁面進行縮放.4.功能對任意位置取色并將HEX碼復制到剪貼板中便于保存.5.可將當前頁面截圖通過郵箱發送出去.另外同時這安裝Ietester和companionjs配合使用將給web開發者帶來更高的開發體驗.(附V0.4.11版本IETester安裝文件)4）IE Collection Utilu IE Collection 是個專為程序設計與網頁設計師制作的各版本 Internet Explorer 瀏覽器整合安裝包，里面包含了IE 1.0、1.5、3.0、5.5、6.0、7.0、8.0...等等版本的IE網絡瀏覽器。主要目的是讓設計師在做好網頁后在不同版本的IE瀏覽器里面測試版面樣式與功能，看看是否版面有亂掉或功能不正常…等問題。

在IE Collection中各個版本的IE瀏覽器都是各自獨立的，可以單獨執行，此外還提供了Internet Explorer Developer Toolbar工具與Firebug Web Development Extension for Internet Explorer外掛程序，可以讓我們通過這些工具檢查網頁內容的格式、版面錯亂或程序錯誤...等。

附安裝文件

安裝完成之后，跟ie瀏覽器一樣，沒有差別。

注：安裝時不要選，建立桌面快捷文件。否則桌面會出現一大片的ie快捷文件。

IETester和IE Collection這兩款軟件的產生旨在解決多IE版本共存的問題，均可以在網上下載，并且是免費的，是使用最廣的web兼容性測試軟件。但是在使用時存在一些缺陷：

1、不是所有機器都可以安裝成功和正常使用，經常報錯、死機，或導致原有的IE無法正常使用

2、其實現原理是模擬的某個版本IE的技術，顯示效果與真實IE還是有區別

5）IE Develop ToolBar（在IE8上安裝）

優點：通過此工具可以模擬IE7的渲染效果，擁有有IE7、8的真實渲染效果。

缺點：

1)無法模擬IE6的渲染效果。

2)一定要在一臺測試機器上安裝IE8才能使用。

6）BrowserShots Browsershots在不同操作系統的不同瀏覽器下給您的網頁做截圖。這是一個免費的開源的工具，提供給設計師一個方便的途徑來測試網站在不同瀏覽器下的兼容性。您提交的網址會被加入一個任務隊列。一群分布式的的計算機會在瀏覽器里打開您的網站。然后他們將開始截圖并上傳到我們的中央獨立服務器供您瀏覽。

因為BrowserShots是開源的，官方也提供了XML-RPC接口，我們可以很輕松的去調用它。當然，在這里不是介紹如何調用接口，下面講的主要是讓大家熟悉BrowserShots，并能迅速上手使用。

1.打開官網，就能看到各個OS下的各個瀏覽器的選項： 2.勾選需要測試的瀏覽器，輸入URL，點擊submit就可以了。

3.需要等2分30秒才輪到我，因為網站開源，所以就靠付費會員才能支持下去，所以如果你不想等待，就去當付費會員吧。4.點詳細信息，可以查看具體某個瀏覽器的等待時間：

5.可以看到，有很多已經開始了。這里做的不好，好像必須等所有瀏覽器都加載完后，才能查看截圖。再加上網速似乎有點卡，所以建議大家一次測試最好只勾選2-3款瀏覽器，比如專門測試網站在firefox各個版本下的效果，就勾選firefox的瀏覽器，其他都不選，這樣效率也能提高，還省時間。

缺點：測試結果生成非常緩慢，隨著選擇測試項目的數量遞增。一個瀏覽器大概需要2分鐘測試時間，還要加上生成報告時間，對中文支持不完善，一些“非主流”瀏覽器測試截圖會出現中文亂碼。

（網頁地址:http://browsershots.org/）

7）Multiple IEs 這款工具同樣用于測試網頁在IE瀏覽器各個版本的兼容性。主要兼容ie6及ie6以前的ie版本的測試。其功能與界面友好程度不及IETester。

目前，ie6以前的版本幾乎都沒什么人使用了，絕大多數人使用ie6/ie7/ie8等更高級的版本。

(附安裝文件)8）IE netrenderer IE Netrenderer是一個firefox插件，用于檢查你的網站在IE瀏覽器中的呈現情況，包括各個常用版本的檢測。IE NetRenderer：能實時生成你的網站在 Internet Explorer 5.5、6.0 和 7.0 下的截圖。

IE NetRenderer便是一個專門檢驗網站頁面在不同版本的IE中展示效果的網絡服務，可以快速查看IE5.5, IE6和IE7下的頁面效果，而且還能同時查看在IE6，IE7下的疊加效果和差異效果，很有特色。

附安裝軟件

安裝步驟：

1.打開firefox?工具?添加附件； 2.添加插件，選擇安裝即可。

3.安裝完成之后，在工具下會增加“獲取IE版本效果”的導航，如下圖，選擇測試的IE版本即可：

輸入要測試網站的URL，即可得到網頁截圖，以及響應時間。9）Viewlike.us!

ViewLike.us 是一個可以讓你輸入網址，讓你觀看在不同屏幕分辨率下網站的顯示效果。

其可供調整的屏幕解析度有：iPhone、Wii Browser、800×600、1024×768、1152×864、1280×800、1400×900、1600×1200與1920×1200。10）BrowserSeal 這款工具的兩個主要特色是獨立的瀏覽器支持和帶有自動化腳本的命令行界面。

11）Browsera Browsera 是一個可測試您的網站的跨瀏覽器布局的工具，您會看到您網站上存在的兼容性錯誤。

六大優點：發現布局問題、找到javascript錯誤、更方便的測試網站、不需登陸就能測試需登陸的網站、無需安裝、測試動態頁面。12）WebDevLab 這款工具專門用于測試你的網站在蘋果Safari瀏覽器中是什么樣子的。

13）Litmus 這個工具可以幫助你檢查你的網站在多個瀏覽器中的呈現情況，跟蹤Bug并創建報告。Litmus 提供約30種瀏覽器測試，其中有17種基于Windows平臺，有6種基于Mac OS X，剩下還有其它的搭配，此外Litmus還提供了一個版本管理工具。但使用Litmus的費用比較貴，一個月要39美元。

14）Browsercam 這款工具是要付費的，可以幫助你檢查 Javascript 和 DHTML，提供不同的測試環境平臺。可以在不同平臺下的不同瀏覽器中測試你的網站，既可以自動截圖，又可以遠程訪問他們的計算機。

15）firebug Firebug是firefox下的一個插件,能夠調試所有網站語言，如Html,Css等，但FireBug最吸引我的就是javascript調試功能，使用起來非常方便，而且在各種瀏覽器下都能使用（IE,Firefox,Opera, Safari）。除此之外，其他功能還很強大，比如html,css,dom的察看與調試，網站整體分析等等。總之就是一整套完整而強大的 WEB開發工具。再有就是其為開源的軟件。

16）Multi-Browser Viewer 比較，驗證和歸檔您在三種操作系統下超過45種因特網瀏覽器的Web站點。A必須為每個網頁設計人員，Web開發人員或管理員。多瀏覽器連接到一個大型的網絡機器，并采取高質量整頁的網頁截圖。這些圖像經過處理，下載并在您的電腦桌面顯示。

3.兼容性測試注意

瀏覽器是web系統中對核心的組成構建，來自不同廠家的瀏覽器對Javascript、ActiveX或不同的HTML規格有不同的支持，即使是同一廠家的瀏覽器，也存在不同的版本的問題。不同的瀏覽器對安全性和JAVA的設置也不一樣（這個沒有深刻的體會）。

目前最為常用的瀏覽器為:IE6.0、IE7.0。但由于操作習慣的問題，還有相當一部分用戶喜歡使用騰訊的TT,以及firefox瀏覽器，這些瀏覽器同樣也存在各個版本的問題。這個對于web系統來講是一個相當大的挑戰。

對于一些特殊項目（比如定制項目），可以指定某一類型的瀏覽器（包括版本），這些都必須在需求規格說明書中指名。針對這些指明的瀏覽器必須進行兼容性測試。但大部分的項目，是不能指定瀏覽器的，針對這樣的項目，那么我們必須針對當前的主流瀏覽器（含版本），在確保主流瀏覽器的兼容性測試通過的前提下，再對非主流瀏覽器（含版本）進行測試，盡量保證項目的瀏覽器的兼容性測試的完整性。

現將測試原則分解為三個關鍵詞：快速、精確、完整

首先說明一下瀏覽器兼容性測試是處于真個項目周期的那個階段，更精確的說是處于測試周期的哪個階段。

一般來說，分為兩種情況：

a> 塊測試模型（項目特性或項目組歷史原因決定，特性：敏捷、快速、可追蹤差）b> 集合測試模型（普遍采用模式，特性：測試更加完整，清晰，可追蹤）

無論何種測試模型，只有在系統業務流程全部通過、功能基本穩定的情況下進行，這是基本的進入瀏覽器兼容性測試的條件。

3.1 快速

針對業務流程和主要核心模塊，快速執行瀏覽器兼容性測試。

詳細分析系統業務流程，各角色功能分布，功能模塊支撐關聯；根據以上分析制定測試框架，框架目的為度量在對各個瀏覽器測試的時候，避免出現遺漏某些功能點或者業務點，保證更加全面的在需求瀏覽器上面的兼容性測試。同時，有計劃的進行測試工作能夠大大的提高工作的效率。

3.2 精確

精確定位主流核心瀏覽器，優化測試方式、提高測試效率

根據需求規約制定出規約中限定瀏覽器的主要內核，在需求規約中定位相應內核的瀏覽器各一個（且要求為客戶區域內的同內核主流瀏覽器），根據框架快速執行兼容性測試。

此種方式的優點是能夠更加快速的發現不同內核瀏覽器的問題，降低Bug修復成本、系統風險。

3.3 完整

完整執行需求規約限定支持的所有瀏覽器。根據最新地區瀏覽器廠商和版本分布，有主次優先級進行兼容性測試。

限制項包含：不同廠商的瀏覽器

同一廠商的不同瀏覽器版本

第五篇：網站兼容性解決方案

了解文件兼容性的必要性

每個主要版本IE新增的功能都是為了讓瀏覽器更容易使用、增加安全性及更支持業界標準。以這些作為IE的特色，其中一個風險就是舊版本網站無法正確的顯示。

為了將這個風險降到最低，IE6允許網頁開發人員選擇IE編譯和顯示他們網頁的方式。“Quirks mode”為預設，這會使頁面以舊版本瀏覽器的視點顯示，“Standards mode”(也稱為“strict mode”)特點是支持業界標準最為完善。然而要利用這個增強的支持功能，網頁必須包含恰當的指令。

若一個網頁沒有包含指令，IE6會將它以quirks mode顯示。若網頁包含有效的指令但瀏覽器無法辨識，IE6會將它以IE6 standards mode顯示。因為少數網站已經包含指令，兼容性模式的切換相當成功。這使網頁開發人員能選擇將他們的網頁轉移為standards mode的最佳時機。隨著時間經過，更多網站開始使用standards mode。它們也開始使用IE6的特性和功能來檢測IE。舉例來說，IE6不支持universal selector(即css之全局選擇器 * {})，一些網站便使用它來針對IE做特定的對應。

當 IE7增加了對全域選擇器的支持，那些依賴IE6特點的網站便無法偵測出這個新版本的瀏覽器。因此那些針對IE的特定對應無法應用于IE7，造成這些網站便無法如他們預期的顯示。由于只支持兩種兼容性模式，受到影響的網站擁有者被迫更新他們的網站使其能支持IE7。

IE8 比之前的任何版本瀏覽器都更支持業界標準，因此針對舊版本瀏覽器設計的網頁可能無法如預期般呈現。為了幫助減輕所有問題，IE8引入文件兼容性的概念，使 你能選擇你的網頁設計要對應的特定IE版本。文件兼容性在IE8增加了一些新的模式，這些模式能告訴瀏覽器如何解析和編譯一個網頁。若你的網頁無法在 ie8正確的顯示，你可以更新你的網站使它支持最新的網頁標準(優先選項)或在你的頁面上新增一個meta元素用于告訴IE8如何依照舊版本瀏覽器編譯你的頁面。

這能讓你選擇將你的網站更新支持IE8新特點的時機。

認識文件兼容性模式

IE8支持幾種文件兼容性模式，它們具有不同的特性并影響內容顯示的方式。?Emulate IE8 mode指示IE使用指令來決定如何編譯內容。Standards mode指令會顯示成IE8 Standards mode而quirks mode會顯示成IE5 mode。不同于IE8 mode，Emulate IE8 mode重視指令。

?Emulate IE7 mode指示IE使用指令來決定如何編譯內容。Standards mode指令會顯示成IE7 Standards mode而quirks mode會顯示成IE5 mode。不

同于IE7 mode，Emulate IE7 mode重視指令。對于許多網頁來說這是最推薦的兼容性模式。

?IE5 mode 編譯內容如同IE7的quirks mode之顯示狀況，和IE5中顯示的非常類似。

?IE7 mode編譯內容如同IE7的standards mode之顯示狀況，無論網頁是否含有指令。

?IE8 mode提供對業界標準的最高支持，包含 W3C Cascading Style Sheets Level

2.1 Specification和W3C Selectors API，并有限的支持 W3C Cascading Style Sheets Level 3 Specification(Working Draft)。

?Edge mode指示IE以目前可用的最高模式顯示內容。當使用IE8時其等同于IE8 mode。若(假定)未來放出支持更高兼容性模式的IE，使用Edge mode的頁面會使用該版本能支持的最高模式來顯示內容。同樣的那些頁面在使用IE8瀏覽時仍會照常顯示。

由于edge mode使用該IE版本所能支持的最高模式來顯示所瀏覽的網頁內容，建議僅使用于測試頁及其他非商用頁面。

指定文件兼容性模式

要為你的網頁指定文件模式，需要在你的網頁中使用meta元素放入

X-UA-Compatible http-equiv 標頭。以下是指定為Emulate IE7 mode 兼容性之范例。

Content goes here.

其內容隨著指定的頁面模式而更改，當要模擬IE7時，指定IE=EmulateIE7，指定IE=5, IE=7, 或IE=8來選擇其中一種兼容性模式。你也可以指定IE=edge來指示IE8使用它支持的最高模式。

X-UA-compatible標頭沒有大小寫之分。然而除了title元素及其他的meta元素之外，它必須出現在網頁header節其它元素之前的位置，設定網站服務器以指定預設兼容性模式

網站管理員可籍著為網站定義一個自訂標頭來為他們的網站預設一個特定的文件兼容性模式。這個特定的方法取決于你的網站服務器。舉例來說，下列的 web.config文件使Microsoft Internet Information Services(IIS)能定義一個自訂標頭以自動使用IE7 mode來編譯所有網頁。

若你已于網站服務器指定了一個預設的文件兼容性模式，你可以在個別頁面上指定不同的文件兼容性模式來蓋過它。在網頁中指定的模式優先權高于服務器中所指定的模式。

請查閱你的網站服務器關于指定自訂標頭的資訊，或看更多資料:

Implementing the META Switch on Apache

Implementing the META Switch on IIS

判定文件兼容性模式

要判定網頁使用IE8瀏覽時的文件兼容性模式，使用document object(文檔對象)的documentMode功能。例如在IE8的網址列輸入下列程式碼會顯示目前頁面的文件模式。

javascript:alert(document.documentMode);

documentMode功能會回傳一個數值對應目前頁面的文件兼容性模式，舉例來說，若網頁指定為支持IE8模式，documentMode便會回傳值“8”。

在IE6引入的compatMode功能不支持在IE8引入的documentMode功能。目前使用compatMode建立的應用程式還能在IE8中作用，但它們必須更新為使用documentMode。

若你希望使用JavaScript判定一個文件的兼容性模式，引入下面范例的這段程式碼可支持舊版本的IE。

engine = null;

if(window.navigator.appName == “Microsoft Internet Explorer”){

// This is an IE browser.What mode is the engine in?

if(document.documentMode)// IE8

engine = document.documentMode;

else // IE 5-7

{

engine = 5;// Assume quirks mode unless proven otherwise

if(document.compatMode)

{

if(document.compatMode == “CSS1Compat”)

engine = 7;// standards mode

}

}

// the engine variable now contains the document compatibility mode.}

認識內容屬性值

內容屬性值在接收到異于先前敘述的數值時是具有彈性的。這能使你對于IE如何顯示你的網頁更有操控性。舉例來說，你可以設定內容屬性值為IE=7.5。當你這樣做的時候，IE嘗試將這個值轉換為version vector并選擇最接近的結果。在這個例子中，IE會將其設定為IE7 mode。下面的范例顯示該模式設定為其他值的狀況。

注意: 前面的范例顯示單獨的內容值。實際上IE只會執行網頁中第一個X-UA-Compatible標頭。

你也可以使用內容屬性來指定復數的文件兼容性模式，這能幫助確保你的網頁在未來的瀏覽器版本都能一致的顯示。欲設定復數的文件模式，請設定內容屬性以判別你想使用的模式。使用分號來分開各個模式。

如果一個特定版本的IE支持所要求的兼容性模式多于一種，將採用列于標頭內容屬性中最高的可用模式。你可以使用這個特性來排除特定的兼容性模式，雖然并不推薦這樣做。舉例來說，下列標頭即會排除IE7 mode。

結論

兼容性對于網頁設計師來說是非常重要的顧慮。雖然最好是可以建立一個完全不需依賴任何網頁瀏覽器特性或功能的網站，有時候這是不可能實現的。文件兼容性模式便能將網頁限制在某個特定版本的IE中。

使用X-UA-Compatible標頭來指定你的頁面支持的IE版本。使用

document.documentMode判定頁面的兼容性模式。

選擇支持某個特定版本的IE，你可以確保你的頁面在未來的瀏覽器版本中也能有顯示的一致