过期域名预定抢注

 找回密碼
 免费注册

17個用於網頁設計開發的google chrome擴展

[複製鏈接]
發表於 2010-7-13 11:30:16 | 顯示全部樓層 |閱讀模式
大多數設計師和開發人員都選擇火狐,因為火狐提供了強大的插件擴展。儘管chrome目前提供的擴展還沒不及火狐所提供的,但仍有可能成為設計師和開發者的選擇。在某些情況下,他們不如火狐強大(如firebug和firebug lite),但如果你正在使用chrome,你可能會對他們提供的擴展有興趣,何況chrome用於設計開發的工具正逐步被開發出來。9 v& u( J8 t/ T( n& u( v5 y
在這篇文章裡,我們將介紹chrome17個用於設計開發的擴展工具。如果有可能的話,希望chrome提供的出色擴展也可與火狐擴展相媲美。
; e+ t6 i) r! D3 L. l8 BSpeed TracerSpeed Tracer 是一個可以幫助你標識和定位網頁出現的問題的工具,他可以把瀏覽器中網頁的運行情況進行可視化的分析,Speed Tracer可以運行在他所支持的平台(windows和linux)上的chrome中。
: ^" n& }5 `$ p5 ?) M8 p5 r4 N/ ~! @  o
Firebug LiteFirebug Lite 可以讓開發者在任何網頁中編輯、測試錯誤,可以糾正CSS/HML/JavaScript。
- O+ D) S" \" h, l" i$ i
. [. B( A' I, Q0 X6 QPendulePendule 可以在新標籤頁中顯示當前頁的所有鏈接和內嵌樣式表。8 R% |; b5 M2 }
它可以在當前運行的頁面重載樣式表,而無須為了每個修改而重載整個頁面,當然,它也可以在當前頁面禁用CSS。
& d1 o  j8 \( g( |' I1 f
  a$ x1 A* ?( h) p/ p5 c$ YEye DropperEye Dropper 和取色器擴展可以讓你在任何頁面進行高級的取色操作。
( _0 Q: Q) }& q  ~: J* o. p! ^, x( T: r' i: l
Aviary Screen CaptureAviary Screen Capture 可以在任何頁面進行截屏,並且在在aviary.com的應用支持下直接在瀏覽器中進行編輯。它甚至可以隨意連接avirary網站以及使用網站的工具。- Q2 `" O/ v: b" B. A% z

# }5 U1 f# T7 p6 o, T! BPlainClothesPlainClothes 可以讓你對網頁隨意定義樣式,或者禁用樣式:想像一下:把字體改成黑色,把背景改成白色,未讀的鏈接改成藍色,已訪問鏈接改成紫色,所有鏈接都加上下劃線,只要你喜歡,想改成什麼樣就什麼樣。你可以使所有的文本在任何頁面都自動按照你預定的樣式呈現(在「選擇」>「Under the Hood」>」改變字體和語言」裡設置)
- `  r) G) z* a2 G/ ~  ^3 w$ _% s& I9 N* ]2 q% J
Chrome SnifferChrome Sniffer 可以幫助開發者檢查網頁在運行時的框架/CMS和javascript庫的情況,在檢測框架時,地址欄會出現一個圖標。4 ^0 H& N# a" t( s

+ y! O8 M6 h% p( |9 w6 L' fLorem Ipsum GeneratorThe Lorem Ipsum Generator 可以產生隨機的文本。
* H8 j0 G) V; f) h: [2 z6 I, F' h; e6 U1 z. u# [. G, l! w- u
Chrome SEOChrome SEO 可以利用互聯網搜索引擎分析你的網頁SEO情況,關鍵詞、反鏈、PR和其他的一些SEO情況。
9 q2 A1 \: b* |( X
! O1 y/ r/ y) Y4 p+ M) E  w1 U5 _5 jIE TabIE Tab 可以讓你在chrome中使用IE模式運行網頁。有了這個擴展,你就無須為了看看網頁在IE的運行情況而關閉chrome。開發者可以用它檢查網頁在IE的運行情況,使用了ActiveX控制或者瀏覽本地文件。(如使用「file://URLs」對本地文件進行訪問)5 e, U/ p& ]2 S0 E0 l% E; C

3 M  ^/ A6 V9 P4 L8 dResolution TestResolution Test 可以幫助開發者測試網頁在不同的分辨率下的表現,你也可以自定義分辨率進行測試。+ ~" V; w: m2 T% `

" m1 |; c: ^& d$ o( l" W8 T/ bMeaureIt!MeasureIt! 可以讓你i在任何網頁上計算頁面寬高。
( z5 Q1 F5 m. l5 L* LValidityValidity可以使網頁在地址欄中快速運行。 只要點擊地址欄上的圖標就可以激活當前頁面。頁面的錯誤量也可在瀏覽器工具欄中看見。
' o$ V, X) r% I4 B7 R7 E6 q2 ^+ E9 M9 j- ^! q1 f
SnippySnippy 可以截取網頁的部分並保存下來。capture可以保存大量的文本並且保持原來的格式,也可以截取段落,圖片,鏈接等。2 h0 }& U5 t' |! W: s8 a7 A
/ m6 p7 i: _+ z/ `$ ?8 g; Z! A7 H+ V
META SEO InspectorMETA SEO Inspector 被用來檢查網頁的meta屬性。& ~2 D7 J' J, r4 b- s* b8 Q. _2 u
LastPassLastPass是一個免費的在線密碼管理工具,使你的訪問更加快速安全。  l  S1 v2 ~$ r8 L  c6 ^. o
/ a1 F" x' ?% t- o. n/ U' S' n6 [
Google TasksThe Google Tasks extension 可以在任何時間任何頁面訪問google tasks。你可以進行臨時記事或翻看你的議程。
9 d5 D; U- \% t0 t1 _! \+ U6 I2 ~8 [( j, S7 [

評分

參與人數 4點點 +4 收起 理由
swqlgcj + 1
20081008 + 1
liuxin88 + 1
taklele + 1

查看全部評分

發表於 2010-7-13 13:04:32 | 顯示全部樓層
嗯,有些是不錯的~我來安裝幾個~
回復 给力 爆菊

使用道具 舉報

發表於 2010-7-13 13:32:02 | 顯示全部樓層
不錯,安裝了個
回復 给力 爆菊

使用道具 舉報

發表於 2010-7-13 15:38:48 | 顯示全部樓層
google chrome擴展沒用過,算是見識了
回復 给力 爆菊

使用道具 舉報

發表於 2010-7-13 16:11:28 | 顯示全部樓層
good
回復 给力 爆菊

使用道具 舉報

發表於 2010-7-13 16:30:08 | 顯示全部樓層
感謝樓主分享
回復 给力 爆菊

使用道具 舉報

發表於 2010-7-14 08:41:12 | 顯示全部樓層
不錯不錯,
回復 给力 爆菊

使用道具 舉報

發表於 2010-7-14 19:54:45 | 顯示全部樓層
這對做站的站長來說,幫助挺大的。
回復 给力 爆菊

使用道具 舉報

發表於 2010-7-28 22:16:05 | 顯示全部樓層
好東西。謝謝
回復 给力 爆菊

使用道具 舉報

發表於 2010-8-2 23:46:55 | 顯示全部樓層
用chrome的應該有用
回復 给力 爆菊

使用道具 舉報

您需要登錄後才可以回帖 登錄 | 免费注册

本版積分規則

點基跨境 數位編輯創業論壇

GMT+8, 2025-4-4 23:23

By DZ X3.5

小黑屋

快速回復 返回頂部 返回列表