平常協助用來查看或編輯網頁中 CSS 的工具，在 IE 下有微軟本家提供的 Internet Explorer Developer Toolbar 以及第三方的外掛套件，像 DebugBar 之類的軟體；而於 Firefox，也有 Firebug 與 Web Developer 等強大的外掛；但由於 IE 和 Firefox 間，對於 CSS 的支援有差異性的存在，導致在同一網頁下，兩方的顯示結果卻有所不同，而 CSSVista 這個軟體，就是可以讓你在編輯 CSS 的同時，所見即所得的預覽這兩大瀏覽器的顯示結果。
首先於 CSSVista 的官網下載安裝檔，安裝結束後執行該軟體，程式的介面就像一個簡易型的瀏覽器，啟動後會連到他預設的網頁（如下圖）
接著於網址列輸入你要編輯的網頁，然後按下 Enter（或點旁邊的Go），待網頁載入後，點「Edit CSS」可看到如下的效果（以下用我自己的Blog作例子），左方為 CSS 的編輯區塊，CSSVista 會將各別的 CSS 檔或網頁中的 style 區塊，以 Tab 的方式分開顯示，以 Xuite 的 Blog 來說，blog.css 這個 Tab 就是你的自定樣式；右半邊則為瀏覽器的預覽畫面，上方為 IE，下方為 Firefox，可切換成 Tab 模式，一次僅顯示一個瀏覽器之畫面。
此時直接在左邊對 CSS 作修改，右方的預覽畫面，會即時將修改後的結果顯示出來；點選編輯區塊上方的「Outline」按鈕，會將 CSS 中各物件的區塊位置，在右下的畫面中以框線標示出來。
對於 CSSVista 的介紹大略至此，該軟體的功能不多，但確是少數可同時預覽 IE, Firefox 效果的免費軟體。
【優點】畫面簡單易懂
可同時預覽 IE, Firefox
【缺點】當 CSS 較為複雜時，編輯時同步更新的速度有點慢
不支援直接在預覽畫面，以滑鼠選取物件
留言列表
