ADs

顯示具有 Web Browser 網頁瀏覽器 標籤的文章。 顯示所有文章
顯示具有 Web Browser 網頁瀏覽器 標籤的文章。 顯示所有文章

2011年9月23日 星期五

BrowserLab 多個瀏覽器預覽網頁

BrowserLab 簡介

BrowserLab 是 Adobe 公司所開發的網頁服務,可讓您測試在不同瀏覽器上的網頁顯示樣式,也能夠將畫面分為左右兩邊對兩種不同平台的瀏覽器進行比較,對於網頁設計師來說是一個實用的好工具。

BrowserLab可支援 Windows 及 Mac OS X 平台上的 Firefox, Safari, IE, Chrome 等瀏覽器。這項產品是 Adobe CS Live 提供的服務之一。

image

操作方式

STEP01:

  • 點擊”Create Adobe ID”建立帳號。

image

image

 

STEP02:

  • 收取認證信件,完成驗證後就能使用你註冊的帳號登入 Adobe BrowserLab。
  • 選取[2-up View] ,按下 Test輸入要檢測的網址。
image

 

STEP03:

  • 可選取不同瀏覽器作比對。

image

 

網址:http://www.adobe.com/go/browserlab_cslive

Source:adobe

2009年7月13日 星期一

IETester 調整IE各版本CSS的相容性

IETester 簡介

IETester 是一個免費的 Web Browser,讓您可於Vista 或 XP的作業系統下,可以同時擁有IE8、IE7、IE6、和 IE5.5 的呈現和 javascript 引擎。

由於IE並不完全支援W3C規格標準,相同的網頁內容及程式碼於各版本間常無法正常完整呈現,所以須作網頁程式碼修正來符合瀏覽器的相容性。IETester即提供您在多個瀏覽器且方便您檢測修正網頁的效果 。

IETester是一套免費的IE瀏覽器檢測軟體,IETester包含了IE5.5、IE6、IE7、IE8 等各版本的瀏覽模式,讓您的電腦一次可以同時擁有所有的IE版本,方便您檢測及修正各版本於檢視網頁內容的相容性。

IETester安裝步驟

Step1: 進入下載頁面http://www.my-debugbar.com/,按下[Download IETester]。

Step2: 執行下載的安裝程式並點選[I Agree]進行安裝。

IETester1

Step3: 在語言部分勾選[Traditional Chinese],再按[Next]。

IETester2

Step4: 設定安裝路徑,您依系統預設,再按[Install]。

IETester3

Step5: 安裝完成後再啟動IETester,選取[選項設置]之[選項],切換到[語言]選擇「繁體中文」即可看到繁體中文介面。

IETester4

網站:http://www.my-debugbar.com/

source: debugbar