close

網頁設計開發的google chrome擴展

 

大多數設計師和開發人員都選擇火狐,因為火狐提供了強大的外掛程式擴展。儘管chrome目前提供的擴展還沒不及火狐所提供的,但仍有可能成為設計師和開發者的選擇。在某些情況下,他們不如火狐強大(如firebug和firebug lite),但如果你正在使用chrome,你可能會對他們提供的擴展有興趣,何況chrome用於設計開發的工具正逐步被開發出來。
在這篇文章裡,我們將介紹chrome17個用於設計開發的擴展工具。網頁設計如果有可能的話,希望chrome提供的出色擴展也可與火狐擴展相媲美。

Speed Tracer
Speed Tracer 是一個可以説明你標識和定位網頁出現的問題的工具,他可以把流覽器中網頁的運行情況進行視覺化的分析,Speed Tracer可以運行在他所支援的平臺(windows和linux)上的chrome中。

Pendule 可以在新標籤頁中顯示當前頁的所有連結和內嵌樣式表。

它可以在當前運行的頁面重載樣式表,網頁設計而無須為了每個修改而重載整個頁面,當然,它也可以在當前頁面禁用CSS。
PlainClothes
PlainClothes 可以讓你對網頁隨意定義樣式,或者禁用樣式:想像一下:把字體改成黑色,把背景改成白色,未讀的連結改成藍色,已訪問連結改成紫色,所有連結都加上底線,只要你喜歡,想改成什麼樣就什麼樣。網頁設計你可以使所有的文本在任何頁面都自動按照你預定的樣式呈現(在“選擇”>“Under the Hood”>"改變字體和語言"裡設置)
Aviary Screen Capture
Aviary Screen Capture 可以在任何頁面進行截屏,並且在在的應用支援下直接在流覽器中進行編輯。它甚至可以隨意連接avirary網站以及使用網站的工具。

Chrome Sniffer
Chrome Sniffer 可以説明開發者檢查網頁在運行時的框架/CMS和javascript庫的情況,網頁設計在檢測框架時,位址欄會出現一個圖示。

IE Tab
IE Tab 可以讓你在chrome中使用IE模式運行網頁。有了這個擴展,你就無須為了看看網頁在IE的運行情況而關閉chrome。開發者可以用它檢查網頁在IE的運行情況,使用了ActiveX控制或者流覽本地檔。(如使用對本地檔進行訪問)

arrow
arrow
    全站熱搜
    創作者介紹
    創作者 banjia27 的頭像
    banjia27

    留學代辦

    banjia27 發表在 痞客邦 留言(0) 人氣()