如果你是一個不使用Chrome的程序員,你是少數。
有太多的理由選擇這種瀏覽器進行編程,比如Google對web方向的巨大影響,使開發不那麼令人沮喪的內置特性,以及大量可用的擴展。
最後一點至關重要。截至2018年2月,Chrome佔據了臺式機60%以上的市場份額——難怪大多數擴展創造者首先將精力放在Chrome上。也就是說,如果你是任何類型的開發人員,尤其是web開發人員,下面是你應該使用的最好的Chrome擴展。
Chrome有一個很棒的功能,叫做自定義用戶配置文件,它可以讓你創建單獨的書籤、設置、標籤、歷史記錄等。如果你還沒有,你應該專門為編程設置一個。
但是Session Buddy更進一步,它允許您保存特定的“tab會話”並在它們之間隨意切換,這在您處理多個項目時非常方便。
下載:會話夥伴
iMacros是一個擴展,可以讓您自動化重複的任務。您可以“錄製”某些操作(例如,鼠標單擊和按鍵),將它們保存為宏,然後在需要時通過單擊運行它們。在填寫表單、測試更改等方面節省了大量時間。對於Chrome以外的宏,我們建議使用自動熱鍵腳本。
下載:iMacros for Chrome
網絡計時器追蹤你在各種網站上花費(或浪費)的時間,這有助於抑制拖延的傾向。它只在Chrome處於焦點時跟蹤,而且它足夠聰明,可以在你空閒時停止跟蹤。
下載:Web計時器
如果您想要更高級的時間跟蹤器,我們強烈推薦跨平臺的Toggl。
Awesome Screenshot是一個多合一的擴展,用於抓取屏幕截圖、錄製屏幕視頻、註釋和模糊已拍攝的圖像,以及單擊與他人共享您的屏幕截圖。一個漂亮的功能是它的能力,截圖一個完整的網頁,並縫合在一起,作為一個巨大的形象。對於一個在Chrome之外也能工作的解決方案,請查看這些創建屏幕截圖的最佳工具。
下載:真棒截圖
Marmoset是一個有趣的小工具,用於創建代碼的3D屏幕截圖。一旦你抓拍了一個圖像,你就可以在3D中旋轉、傾斜和縮放,這樣當你想要分享片段的時候就更有趣了。在創建基於代碼的股票圖像或在項目主頁上查看源代碼時,它也很有用。
下載:狨猴
如果您安裝了一個擴展來幫助web開發,那就讓它來吧。webdeveloper提供了許多方便的特性,包括JavaScript和插件的一鍵切換、窗口大小調整以測試響應性設計、圖像的測試和調試等等。
下載:Web Developer
在Chrome網絡商店中的許多“用戶代理切換器”擴展中,這個是最好的一個。它仍在更新中,不會劫持鏈接,它附帶了許多默認的用戶代理字符串,還允許您創建自定義的用戶代理字符串。它是同類產品中唯一可靠工作的擴展。
下載:用戶代理切換器
如果你想知道什麼樣的網絡技術正在為一個特定的網站提供動力,Wappalyzer會告訴你一個簡單的點擊。它足夠聰明,可以檢測cmse(如WordPress)、web框架(如React)、工具和實用程序(如Google Analytics)、電子商務平臺(如Shopify)等等。
下載:Wappalyzer
截至2018年2月,超過13%的桌面用戶仍然使用Internet Explorer,這是一個恥辱,因為IE遠遠沒有符合現代網絡標準。這就是為什麼你需要ietab,它在一個新的標籤中模擬IE,允許你測試不同版本的網站:IE6,IE7,IE8,IE9,還有ActiveX控件。如果你需要你的網站與所有瀏覽器兼容,無論多舊,都非常有用。
下載:IE標籤
在開發網站時,沒有什麼比不斷清除瀏覽數據以確保加載新更改更煩人的了。Click&Clean不僅使其速度更快,而且還提供了對您可以清理的內容的更多控制(例如,刪除數據庫和插件數據,保留某些站點的cookie等)。
下載:單擊並清除
WhatFont是在web上識別字體的最快方法。右鍵單擊一個元素,選擇Inspect元素,然後查看樣式表以找到它是什麼。使用WhatFont,您不僅可以通過將鼠標懸停在某個元素上看到字體是什麼,還可以告訴您該字體是如何使用的(例如Google字體、TypeKit等)。
下載:WhatFont
ColorPick滴管是一個工具,可以讓你放大並獲得任何網頁上任何像素的準確顏色代碼。顏色代碼有十六進制、RGB和HSL。它非常方便,而且比檢查元素以查看樣式表中使用的顏色,或者下載圖像並在圖像編輯器中選擇顏色要快得多。
下載:ColorPick滴管
當開發一個網站時,你最終會需要一些虛擬文本。Lorem ipsum生成器在web上非常豐富,但是Lorem ipsum生成器總是在當前選項卡中立即可用。它很快,你可以自定義你想要多少段落和每段多少句話。
下載:Lorem Ipsum生成器
在web開發項目結束時,您需要對所有核心頁面進行最後一次檢查,以確保所有鏈接都正常工作。檢查我的鏈接使這個過程儘可能容易。只需點擊按鈕,它就會掃描當前頁面上的所有鏈接,然後根據每個鏈接是否已損壞或正在工作而高亮顯示。
下載:查看我的鏈接
維度更像是web設計的工具,而不是web開發的工具,但是由於兩者往往重疊,因此您可能希望使用此擴展。簡而言之,它可以即時測量任意兩個web元素之間的距離,包括文本、圖像、視頻和表單字段。它還可以測量從鼠標光標到任何支持的web元素的距離。
下載:尺寸
除了上面提到的,我們強烈推薦這些標籤管理Chrome擴展和業務生產力Chrome擴展,這兩個東西可能會讓你作為一個使用Chrome的開發者感到沮喪。
你也應該看看我們精選的最好的Chrome擴展,它涵蓋了從安全到娛樂,從購物到一般生產力,等等。
作為一個程式設計師,你的文字編輯器就是你的工具箱,每個特性都是一個不同的工具。使用一個簡單的編輯器(例如記事本)來編寫程式碼就像用一把錘子蓋房子:這是可能的,但是麻煩遠不止它的價值,而且最終的結果不會...
長期以來,Linux一直被譽為程式設計師和極客的天堂。我們已經寫了很多關於作業系統如何適合從學生到藝術家的每個人的文章,但是是的,Linux是一個很好的程式設計平臺。無論您是考慮到開放精神還是整個生態系統,都有很...
...理服務,供企業使用。它與Salesforce和GoToMeeting等業務應用程式整合。對於家庭使用者,沒有理由安裝它,因為它需要一個公司帳戶。值得注意的是,OneLogin最近是一個巨大安全漏洞的受害者。 ...
程式設計的世界對於局外人來說很難掌握。例如,如果你沒有程式設計經驗,你可能不知道哪種語言最適合初學者學習。 ...
超過磚和臼,計算機程式碼和畫素是二十一世紀經濟的基礎。如果您曾經在瀏覽器中檢視過“頁面原始碼”或“開發人員工具”,您可能會遇到一堆亂七八糟的文字,並想知道這是如何使網頁工作的。 ...
成為一名網路開發人員是一個過程。無論您是在程式碼方面邁出了第一步,還是已經知道如何程式設計,但正在轉向基於瀏覽器的線上應用程式,都有很多東西需要學習。 ...
...多個平臺上建立遊戲的強大引擎。當Unity編輯器執行在C#程式語言上時,甚至可以不用編碼來開發遊戲。 ...
良好的開發環境對每個程式設計師來說都是必不可少的。無論您是在開發最新的web應用程式還是在第一次學習一門語言,您使用的環境都應該是方便易用的。 ...
如果您使用Microsoft Windows並對程式設計感興趣,您可能會對從何處開始感到不知所措。畢竟,程式設計和開發是一個很大的行業,有許多不同的語言和軟體程式。也許你還不知道如何編碼,但你想學習。 ...