大多數設計師和開發人員都選擇火狐,因為火狐提供了強大的插件擴展。儘管chrome目前提供的擴展還沒不及火狐所提供的,但仍有可能成為設計師和開發者的選擇。在某些情況下,他們不如火狐強大(如firebug和firebug lite),但如果你正在使用chrome,你可能會對他們提供的擴展有興趣,何況chrome用於設計開發的工具正逐步被開發出來。
* v/ A/ i/ j, }% n( ]- s" A) \# d+ G在這篇文章裡,我們將介紹chrome17個用於設計開發的擴展工具。如果有可能的話,希望chrome提供的出色擴展也可與火狐擴展相媲美。
! N8 T0 m" |' n4 @Speed TracerSpeed Tracer 是一個可以幫助你標識和定位網頁出現的問題的工具,他可以把瀏覽器中網頁的運行情況進行可視化的分析,Speed Tracer可以運行在他所支持的平台(windows和linux)上的chrome中。
( e6 h P( B; a; I# [
3 U' w# }- n# Y3 f" T0 S( fFirebug LiteFirebug Lite 可以讓開發者在任何網頁中編輯、測試錯誤,可以糾正CSS/HML/JavaScript。
& U& o9 j* L5 [8 U' F5 B8 H . Y3 b& z5 j" g
PendulePendule 可以在新標籤頁中顯示當前頁的所有鏈接和內嵌樣式表。- g' F2 v$ Q1 O8 U/ f
它可以在當前運行的頁面重載樣式表,而無須為了每個修改而重載整個頁面,當然,它也可以在當前頁面禁用CSS。, w3 z( [, ]8 i/ T& u
" K# c2 u v) E" \' B7 E
Eye DropperEye Dropper 和取色器擴展可以讓你在任何頁面進行高級的取色操作。+ {) M8 ~. P/ A2 V4 m8 n
. Y! D) [3 N3 N, J& v
Aviary Screen CaptureAviary Screen Capture 可以在任何頁面進行截屏,並且在在aviary.com的應用支持下直接在瀏覽器中進行編輯。它甚至可以隨意連接avirary網站以及使用網站的工具。
3 |/ a. p2 k' q . X( F- H& h& M% ]" Z' _8 S
PlainClothesPlainClothes 可以讓你對網頁隨意定義樣式,或者禁用樣式:想像一下:把字體改成黑色,把背景改成白色,未讀的鏈接改成藍色,已訪問鏈接改成紫色,所有鏈接都加上下劃線,只要你喜歡,想改成什麼樣就什麼樣。你可以使所有的文本在任何頁面都自動按照你預定的樣式呈現(在「選擇」>「Under the Hood」>」改變字體和語言」裡設置)6 ?9 y1 s9 t9 d& x! O9 @

8 H x3 f/ z. j/ ?. qChrome SnifferChrome Sniffer 可以幫助開發者檢查網頁在運行時的框架/CMS和javascript庫的情況,在檢測框架時,地址欄會出現一個圖標。! | p5 [# A: s/ W
) B# w& N, M6 ?5 J2 S1 P5 o8 ?
Lorem Ipsum GeneratorThe Lorem Ipsum Generator 可以產生隨機的文本。
. R: I3 y" [* u I* Z$ V
/ {8 o6 W& r' Q/ N, pChrome SEOChrome SEO 可以利用互聯網搜索引擎分析你的網頁SEO情況,關鍵詞、反鏈、PR和其他的一些SEO情況。& P( U( m5 G9 w
# U+ {. Z, i2 F. I/ y$ V1 q' ?
IE TabIE Tab 可以讓你在chrome中使用IE模式運行網頁。有了這個擴展,你就無須為了看看網頁在IE的運行情況而關閉chrome。開發者可以用它檢查網頁在IE的運行情況,使用了ActiveX控制或者瀏覽本地文件。(如使用「file://URLs」對本地文件進行訪問)
: a( b7 g4 S, ~
: O$ Z8 K: p, K+ O M# R' p( PResolution TestResolution Test 可以幫助開發者測試網頁在不同的分辨率下的表現,你也可以自定義分辨率進行測試。' S" z! {# H# h, j; a
' |" Q; o- e7 |! z' l4 \: g# L
MeaureIt!MeasureIt! 可以讓你i在任何網頁上計算頁面寬高。
2 p6 l- F; x K, R. v4 q* N6 mValidityValidity可以使網頁在地址欄中快速運行。 只要點擊地址欄上的圖標就可以激活當前頁面。頁面的錯誤量也可在瀏覽器工具欄中看見。
& D% l C% S& G& D" B3 f, [ + p4 m) H3 s: h! h$ t2 S2 @) }
SnippySnippy 可以截取網頁的部分並保存下來。capture可以保存大量的文本並且保持原來的格式,也可以截取段落,圖片,鏈接等。% f. Y$ ^+ T: T

* a4 |. d" P, ^" p* @3 OMETA SEO InspectorMETA SEO Inspector 被用來檢查網頁的meta屬性。 : ~4 M( [! U/ X: j1 E
LastPassLastPass是一個免費的在線密碼管理工具,使你的訪問更加快速安全。
! W+ G+ Q( o+ N: L- I( ? , L; ~0 @/ [" ?8 _, n& `
Google TasksThe Google Tasks extension 可以在任何時間任何頁面訪問google tasks。你可以進行臨時記事或翻看你的議程。
4 i4 ?2 R1 q' F 6 B% F7 S0 J, a1 p5 T9 i
|
評分
-
查看全部評分
|