1．JavaScript代碼風(fēng)格

http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml

2．Closure Compiler(封閉編輯器)

https://developers.google.com/closure

Google此前曾開(kāi)源了不少JavaScript工具，如Closure Compiler（用于生成緊湊且高性能代碼的工具）、Closure Templates（用于動(dòng)態(tài)生成HTML）、Closure Linter（JavaScript風(fēng)格檢查器）及Closure Stylesheets（對(duì)CSS的一套擴(kuò)展）。早在去年6月，Google曾發(fā)布了GWT（另一個(gè)用于構(gòu)建JavaScript應(yīng)用的工具集）的一個(gè)發(fā)布候選版，但其未來(lái)還是有些不太明朗，因?yàn)?a >Google將很多GWT開(kāi)發(fā)者都轉(zhuǎn)到了Dart上，后者被看作是“對(duì)GWT的一次巨大變革，可以為最終用戶(hù)創(chuàng)建出更棒的Web應(yīng)用，我們對(duì)其潛力持樂(lè)觀態(tài)度”。

Closure 編譯器是一個(gè)JavaScript優(yōu)化器，為Web應(yīng)用程序生成緊湊，高性能的JavaScript代碼，它移除了不必要的代碼，并經(jīng)過(guò)重寫(xiě)和優(yōu)化，保持嬌小的身材，以便在瀏覽器的JavaScript引擎上運(yùn)行得更快，這個(gè)編譯器也會(huì)檢查語(yǔ)法，變量引用和類(lèi)型，并對(duì)常見(jiàn)的JavaScript陷阱發(fā)出警告，這些功能有助于你寫(xiě)出bug更少，更易于維護(hù)的程序。

你也可以使用Closure檢查器，它是一個(gè)Firebug擴(kuò)展，主要用于調(diào)試那些難以閱讀的代碼。

3．Closure Templates(封閉模版)

https://developers.google.com/closure

Closure模板的前身是Web模板，通過(guò)預(yù)編譯以提高JavaScript效率，Closure模板有一套簡(jiǎn)單的語(yǔ)法，程序員很快就可以掌握，和傳統(tǒng)的模板系統(tǒng)不一樣，你可以將Closure模板視為很小的組件，然后通過(guò)組裝形成一個(gè)正式的Web頁(yè)面，從此不再需要為每個(gè)頁(yè)面設(shè)計(jì)一個(gè)大大的模板了

4．Closure Linter（JavaScript風(fēng)格檢查器）

https://developers.google.com/closure

5．Closure Library

https://developers.google.com/closure

https://code.google.com/p/closure-library/wiki/GettingStartedWithClosureLibrary

Closure庫(kù)是一個(gè)廣泛的，經(jīng)過(guò)嚴(yán)格測(cè)試的，模塊化的，跨瀏覽器的JavaScript庫(kù)，Web開(kāi)發(fā)人員可以在他們的用戶(hù)界面中直接通過(guò)拖拉進(jìn)行復(fù)用。

6．Closure Stylesheets（對(duì)CSS的一套擴(kuò)展）

https://code.google.com/p/closure-stylesheets/

Closure Stylesheets is an extension to CSS that adds variables, functions, conditionals, and mixins to standard CSS. The tool also supportsminification, linting, RTL flipping, and CSS class renaming.

7．JavaScript代碼覆蓋率工具

ScriptCover 是 Google 推出的一款 JavaScript 代碼覆蓋率分析工具，為 Web 頁(yè)面提供實(shí)時(shí)、逐行的代碼覆蓋分析。Google 表示，ScriptCover 最終將應(yīng)用在 Chrome 瀏覽器上成為它的一個(gè)擴(kuò)展。

ScriptCover 的更多詳細(xì)信息可以查看 Google Open Source 博客的這篇文章，以及 Google Code 上的相關(guān)文檔。ScriptCover 的代碼將托管于 Google Code 上，基于 Apache Lience v2。

8．檢測(cè)內(nèi)存泄漏的JavaScript工具

近日，Google開(kāi)源了Leak Finder，這款工具可以查看JavaScript應(yīng)用的堆，進(jìn)而發(fā)現(xiàn)內(nèi)存泄漏

9．基于Node.js的JavaScript測(cè)試執(zhí)行器

Testacular的靈感來(lái)源于JS Test Driver，而編寫(xiě)另外一個(gè)測(cè)試運(yùn)行器是因?yàn)?ldquo;他們?cè)谑褂肑STD中遇到的諸多問(wèn)題”，他們希望有“一個(gè)能夠穩(wěn)定快速執(zhí)行JavaScript測(cè)試的簡(jiǎn)單工具。這是我們使用強(qiáng)大的Socket.io庫(kù)和Node.js的原因。”

10．Testacular JavaScript 基準(zhǔn)測(cè)試套件 Octane

谷歌發(fā)布了新的開(kāi)源 JavaScript 基準(zhǔn)測(cè)試套件 Octane，它包含了 13 個(gè)測(cè)試，用于測(cè)量瀏覽器加載與執(zhí)行復(fù)雜的大型 JavaScript 應(yīng)用的性能，如游戲、交互、富 Web 頁(yè)面和在線(xiàn)工具等。Octane 包含了最初的 V8基準(zhǔn)套件提供的 8 個(gè)測(cè)試，以及新增加的 5 個(gè)測(cè)試——pdf.js，Mandreel，GB Emulator（GB 模擬器），Code Loading（代碼加載），Box2DWeb——可以測(cè)量其余測(cè)試力有未逮的性能領(lǐng)域。

11．Google開(kāi)源網(wǎng)頁(yè)加速工具Page Speed

http://code.google.com/speed/page-speed

age Speed是運(yùn)行在Firebug里的Firefox插件。該工具可以運(yùn)行在Linux、Mac和Windows XP/Vista之上。Page Speed在運(yùn)行時(shí)會(huì)分析一些Web服務(wù)器配置和服務(wù)器上下載下來(lái)的代碼，還會(huì)創(chuàng)建一個(gè)結(jié)果列表，其中包括如何改進(jìn)網(wǎng)頁(yè)的建議。分析基于一個(gè)分為五類(lèi)的最佳實(shí)踐列表：

優(yōu)化緩存——讓你應(yīng)用的數(shù)據(jù)和邏輯完全避免使用網(wǎng)絡(luò)

減少回應(yīng)時(shí)間——減少一連串請(qǐng)求-響應(yīng)周期的數(shù)量

減小請(qǐng)求大小——減少上傳大小

減小有效負(fù)荷大小——減小響應(yīng)、下載和緩存頁(yè)面的大小

優(yōu)化瀏覽器渲染——改善瀏覽器的頁(yè)面布局

12．在線(xiàn)語(yǔ)法高亮工具

https://code.google.com/p/google-code-prettify/

原文鏈接：http://www.cnblogs.com/2018/archive/2013/01/16/2862547.html