整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
許多人說，開發一款新瀏覽器是不可能的，因為你永遠無法取代 Google Chrome。其實，你不必想著取代 Google Chrome 才能產生影響力——Firefox 就是一個證明。Firefox 從未成為最流行的瀏覽器，但它對每一款流行起來的瀏覽器都產生了重大影響，使得 Web 世界變得更好了。”
這兩天，國外社交媒體平臺 HN 上有個瀏覽器迅速走紅，成為眾人關注的焦點。
這款由資深開發者 Andreas Kling 構建的 Ladybird 瀏覽器，主打一個完全獨立，聲稱不會從任何現有的瀏覽器代碼中進行復制，研發了基于 Web 標準的全新引擎。與此同時，Andreas Kling 透露，和現在一使用廣告就“滿天飛”的瀏覽器不同，Ladybird 另一大特點就是保持非營利運營，僅接受項目捐贈而不是開放廣告位來維持運轉。
如今，這一項目受到了 GitHub 創始人兼前 CEO Chris Wanstrath 的青睞，其個人甚至出資 100 萬美元來支持 Ladybird 的開發，希望這款完全從頭編寫的 Ladybird 加入瀏覽器戰局，能夠有所作為。
從自研操作系統到主攻研發瀏覽器
對于 Ladybird 創始人 Andreas Kling，我們此前也做過報道。他曾任職于蘋果（2011-2017 年）、諾基亞（2009-2011 年）等大廠，主要負責基于 WebKit 的 Web 瀏覽器開發工作，非常擅長使用 C++。“現在的你，很有可能正在使用一個因為我而速度稍快的瀏覽器閱讀本文”，他在博客介紹頁寫道。
不過，遺憾的是，從蘋果離職后不久的 Andreas Kling 誤入歧途，直到 2018 年 10 月，他從當地一家戒毒所完成了為期 3 個月的康復計劃。
出來之后，Andreas Kling 失業了。他與家人住在一起，無所事事。由于沒有藥物或其他惡習可以打發時間，他覺得日子太過漫長了。
「我需要一些東西來打發空閑時間，同時學習如何過上正常的生活，而事實證明，構建一個新的操作系統是一項恰到好處的任務」，Andreas Kling 由此開發一款名為 SerenityOS（“寧靜”操作系統）操作系統，將其作為自己的全職工作，并通過接受捐款、SerenityOS 商品銷售和 YouTube 分享視頻而獲得收入來維持這項開發工作。
為了增強系統的完善性，Andreas Kling 還于 2022 年首次推出了 Ladybird 項目。起初該項目是作為 SerenityOS 系統的 LibWeb 和 LibJS 瀏覽器引擎調試工具，相當于一個 HTML 查看器，它可以讓人們可以更輕松地在 Linux 上工作。而后在不斷開發嘗試中，Andreas Kling 將該項目定位為一款“跨平臺瀏覽器”。
今年 6 月 3 日，Andreas Kling 宣布將離開自己一手創建的 SerenityOS 操作系統項目，然后將精力全部放到這款 Ladybird 瀏覽器研發上。
打造一款獨一無二的瀏覽器
之所以要開發這款瀏覽器，簡單來看，該團隊是看不慣如今被各種廣告纏身的 Chrome、Edge、Brave 等瀏覽器。
此次出資百萬來支持 Ladybird 開發的背后金主 GitHub 創始人兼前 CEO Chris Wanstrath 對此解釋道：
“事實上，正是開源、開放標準和良性競爭將網絡從 2000 年代的黑暗時代拉回到 2010 年代的創新大潮中，當時，深受 Firefox 瀏覽器影響的谷歌 Chrome 瀏覽器開始獲得主流動力。
如今，每個主要的瀏覽器引擎都是開源的，這固然很好，但仍有一個問題：它們都由 Google 的廣告帝國提供資金。Chrome、Edge、Brave、Arc 和 Opera 都使用 Google 的 Chromium。蘋果公司獲得了數十億美元的資助，讓 Google 成為 Safari 的默認搜索引擎，Firefox 瀏覽器也有類似的協議，每年獲得數億美元的資助。
Web 太重要了，以至于不能只有一個主要的資金來源，而這個資金來源又太重要了，以至于不能只有廣告。
所以，我們需要一個新的瀏覽器。”
為了迫切改變現狀，Ladybird 瀏覽器創始人 Andreas Kling 和 Chris Wanstrath 二人合作創建了一個名為“Ladybird 瀏覽器計劃”（Ladybird Browser Initiative）的美國非營利性組織，旨在推動瀏覽器的開發，并使各種規模的支持者更容易贊助開發。
同時，正如文章伊始所述，Ladybird 在開發運營時主打了三個獨一無二的特性，即：
構建一款真正獨立的 Web 瀏覽器。基于 Web 標準的全新引擎，不借用其他瀏覽器的任何代碼。
整個組織只有一個目標，就是開發 Ladybird 瀏覽器。
不追逐營收：永遠不會存在“默認搜索交易”、加密代幣或其他任何形式的用戶貨幣化。
現實來看，沒有資金收入，不將用戶視為待售產品的瀏覽器，Ladybird 究竟要如何先度過生存這一關卡？
Andreas Kling 在官方公告中寫道，“與依賴用戶盈利的傳統商業模式不同，Ladybird 的資金完全來自關心開放網絡的公司和個人的贊助和捐贈。我們的非營利組織不會在無限制捐贈之外尋求企業交易或收入。該軟件及其源代碼將永遠免費提供。”
盡管很多人很容易將“通過捐款資助網絡瀏覽器”的想法視為無法實現的異想天開的目標，但 Ladybird 其實已經獲得了初步的成功，除了 GitHub 創始人兼前 CEO Chris Wanstrath 捐贈 100 萬美元之外，早在一年前，在其所有代碼全都托管在 GitHub 上時（https://github.com/LadybirdBrowser/ladybird），也引起不少組織和開發者的關注，包括加拿大的一家跨國電子商務公司 Shopify 就贊助了 10 萬美元。
Ladybird 當前的開發進度
截至目前，Ladybird 的主要開發力量是 Andreas Kling 一個人，隨著 Chris Wanstrath 的資金贊助，也即將會有三名全職開發者加入該項目。不過，Ladybird 仍處于早期開發階段（"pre-alpha"）。
Andreas Kling 表示，瀏覽器和庫都是用 C++ 編寫的，并根據 BSD-2 許可證授權。它目前可以支持 Linux、macOS 和其他類 Unix 系統，也可以通過 Windows Subsystem for Linux (WSL) version 2 在 Windows 上運行。
根據 GitHub 介紹，Ladybird 許多核心庫支持組件都是從 SerenityOS 繼承而來的，主要技術棧包括：
Ladybird：選項卡式瀏覽器 GUI 應用程序
LibWeb：Web 引擎，多種標準：HTML、DOM、CSS、SVG……
LibJS：ECMAScript 語言、運行時庫、垃圾收集器
LibGfx：2D 圖形、文本渲染、圖像格式（PNG、JPG、GIF 等）
LibRegex：正則表達式引擎
LibXML：XML 解析器
LibWasm：WebAssembly 解析器和解釋器
LibUnicode：Unicode 支持庫
LibTextCodec：文本編碼轉換庫
LibMarkdown：Markdown 解析器
LibCore：其他支持功能（I/O、日期時間、MIME 數據……）
Qt：跨平臺 GUI 和網絡
采用多進程的瀏覽器架構圖如下：
當前 Ladybird 瀏覽器的功能還比較少，擁有 URL/搜索欄、重新加載、標簽頁、內容放大/縮小、截圖以及前后導航功能。但它沒有書簽、歷史顯示、擴展、密碼管理、打印，甚至沒有保存圖片的功能，似乎還不支持 WebRTC。
不過，Ladybird 確實為開發者提供了一些工具，例如文檔對象模型 (DOM) 樹和可訪問性樹的檢查器，以及創建各種內容轉儲的能力：DOM 樹和布局樹、計算樣式等。它還具有偽裝瀏覽器發送的用戶代理 (User-Agent) 字符串的功能，使測試人員能夠嘗試繞過那些拒絕與“未知”瀏覽器配合工作的網站。
值得注意的是，該項目當前沒有為任何平臺提供二進制文件。感興趣的用戶需要獲取源代碼（https://github.com/LadybirdBrowser/ladybird），并按照說明進行構建。用戶需要 GCC 13+ 或 Clang 17 以及 Qt6 開發包才能在自己的設備上運行。
隨著 Ladybird 官宣成立非營利組織，越來越多的開發者持以期待。
一位名為 Jack Kelly 評價道：
開放的網絡需要一個由多個相互競爭的瀏覽器組成的健康生態系統，每個瀏覽器都有足夠的市場份額，沒有任何一家廠商能實際控制網絡標準。20 世紀 90 年代，火狐瀏覽器（Firefox）打破了微軟 Internet Explorer（IE）瀏覽器的霸主地位，這就是我們曾經擁有的世界。在整個 20 世紀 90 年代末和 21 世紀初，IE 對互聯網標準的不力支持阻礙了網絡開發，而 Firefox 的競爭讓開發者可以 “為 Web”而不是“為 IE6”開發，從而迫使瀏覽器供應商迎頭趕上。
不幸的是，我們又回到了一個沒有良性瀏覽器競爭的世界。Statcounter.com 聲稱，谷歌瀏覽器 Chrome 的市場份額超過 65%。加上 Edge（使用了開源的 Chromium 引擎），市場份額已超過 70%。這種市場主導地位使谷歌能夠推動各種變革，比如針對瀏覽器擴展的“Manifest V3”格式，巧合的是，這種格式會削弱廣告攔截器。
一個健康的瀏覽器生態系統本可以大力反對那些奪走用戶控制權的功能。相反，Mozilla 卻為了維持火狐瀏覽器的市場份額而屈服，甚至連這一點都沒有做到。
Mozilla 已經陷入了非常不利的境地。近年來，Mozilla 公司為了追求收入，做出了一些有爭議的舉動。在我的印象中，有自動加載到人們瀏覽器中為電視節目做廣告的“Mr Robot”插件；地址欄中的贊助商鏈接；“新標簽”頁面上的贊助商“熱門網站”；一個名為“Pocket”的閱讀列表啟動程序，在沒有任何警告的情況下集成到火狐瀏覽器中；以及一個帶有瀏覽器彈出廣告的 Mozilla VPN 服務。Cal Paterson 列出了另一份不錯的清單。與此同時，火狐瀏覽器的市場份額下降，即將離任的 Mozilla 公司首席執行官獲得了數百萬美元的薪酬（2022 年為 690 萬美元）。
Ladybird 曾是 SerenityOS 的網絡瀏覽器。大約一個月前，他將 Ladybird 分叉為一個單獨的項目并離開了 SerenityOS 。他們非常坦誠地承認該瀏覽器尚未完成——第一個 alpha 版本計劃于 2026 年發布。但他們有正在運行的代碼，我實際上可以幫助資助他們。
也有開發者 Joe Brockmeier 實測發現：
Ladybird 在 Fedora 40 等平臺上的編譯和運行沒有問題，但距離適合常規使用還有很長的路要走。
此外，Ladybird 對 GitHub 和許多其他網站的呈現都很好，盡管速度很慢。不過，使用 Ladybird 無法登錄 Discord。它在渲染網頁方面做得還不錯，但速度和穩定性仍有欠缺。
每個 Ladybird 標簽都有自己的渲染進程，作為一項安全措施，該進程被置于沙盒之中，以防止任何惡意網頁影響系統的其他部分。不過，這似乎并不足以防止單個頁面導致瀏覽器完全崩潰。對于一個仍被視為預開發階段的項目來說，這也在意料之中。
只能說，Ladybird 還沒有準備好成為主流應用，但它確實顯示出了潛力。在過去的一個月里，該項目已經獲得了來自 49 位作者的 880 多次提交。如果該項目能保持這樣的勢頭，或者更上一層樓，那么用不了多久，它就能成為主流瀏覽器的可用替代品。
X 平臺上 boris1993 用戶認為：
所有引擎都重寫……這工作量不是一般的大吧…… 而且，就算是引擎完全符合規范，如果不能給用戶帶來差別體驗（Chrome顯示不正常但是它顯示正常），那我感覺很難作為賣點，更不提其他瀏覽器的周邊生態，同步賬號之類的
不過，這大哥也是個狠人，靠寫代碼來戒毒……
當然還是預祝成功
對此，Andreas Kling 坦然表示，「我們已經可以使用 Ladybird 進行一些日常瀏覽，例如管理 GitHub 問題和拉取請求，以及在 Hacker News 上發表評論。由于我們的貢獻者社區正在積極修復錯誤并添加功能，該瀏覽器每天都在改進。
但它還遠遠沒有完成。我們想把 Ladybird 變成一款你可以每天用來處理所有與網絡相關的任務的瀏覽器。它應該快速、穩定、支持網絡標準并保護你的隱私。一款屬于你的瀏覽器。」
按照預期，該組織可能會在 2026 年某個時候推出功能齊全的 Ladybird 瀏覽器“Alpha”版本，期待會有不一樣的瀏覽器落地。
來源：
https://ladybird.org/announcement/
https://ladybird.org/why-ladybird/
http://jackkelly.name/blog/archives/2024/07/06/im_funding_ladybird_because_i_cant_fund_firefox/
https://lwn.net/Articles/976822/
https://lunduke.locals.com/post/5812560/ladybird-web-browser-becomes-a-non-profit-with-1-million-from-github-founder
https://x.com/LuoSays/status/1808289887348838504
大模型刷新一切，讓我們有著諸多的迷茫，AI 這股熱潮究竟會推著我們走向何方？面對時不時一夜變天，焦慮感油然而生，開發者怎么能夠更快、更系統地擁抱大模型？《新程序員 007》以「大模型時代，開發者的成長指南」為核心，希望撥開層層迷霧，讓開發者定下心地看到及擁抱未來。
讀過本書的開發者這樣感慨道：“讓我驚喜的是，中國還有這種高質量、貼近開發者的雜志，我感到非常激動。最吸引我的是里面有很多人對 AI 的看法和經驗和一些采訪的內容，這些內容既真實又有價值。”
之前在搭建jumpserver的時候有用到了Guacamole，但是沒有對Guacamole做一個詳細的介紹，剛好在網上看到一篇Guacamole官方手冊的翻譯，所以整理了一些相關內容，下面介紹一下Guacamole的具體實現和架構。
Guacamole 是一個基于 HTML 5 和 JavaScript 的 VNC 查看器，服務端基于 Java 的 VNC-to-XML 代理開發。要求瀏覽器支持 HTML 5。目前該項目是 Apache 基金會的孵化項目。
該項目包含三個組件，分別是：
Guacamole 是無客戶端的遠程桌面網關，Guacamole 支持標準協議，比如 VNC 和 RDP。
Guacamole 不要求任何插件和客戶端軟件。
Guacamole 是提供遠程桌面的解決方案的開源項目，通過瀏覽器就能操作虛擬機，適用于Chrome，Firefox，IE10等瀏覽器（瀏覽器需要支持HTML5）。 由于使用 HTML5，Guancamole 只要在一個服務器安裝成功，你訪問你的桌面就是訪問一個 web 瀏覽器。
Guacamole不是一個獨立的Web應用程序，而是由許多部件組成的。Web應用程序實際上是整個項目里最小最輕量的，大部分的功能依靠Guacamole的底層組件來完成。
用戶通過瀏覽器連接到Guacamole的服務端。Guacamole的客戶端是用javascript編寫的，Guacamole server通過web容器（比如tomcat）把服務提供給用戶。一旦加載，客戶端通過http承載著Guacamole自己的定義的協議與服務端通信。
部署在Guacamole server這邊的Web應用程序，解析到的Guacamole protocal，就傳給Guacamole的代理guacd，這個代理（guacd）實際上就是解析Guacamole protocal，替用戶連接到遠程機器。
Guacamole protocal協議本身以及guacd的存在，實現了協議的透明：Guacamole客戶端（瀏覽器運行的js）和Web應用程序，都不需要知道遠程桌面具體用哪個協議（VNC,RDP etc）
Web應用程序是不知道任何遠程桌面協議。應用程序不包含支持VNC,RDP等其他協議的Guacamole模塊。應用程序只需要理解 Guacamole protocal協議，這個協議支持顯示渲染和消息傳輸。盡管Guacamole protocal的這些功能與一個遠程桌面協議類似，不過遠程桌面協議和Guacamole protocal背后的設計原則是不一樣的：Guacamole protocal并不是為了實現一個特定的桌面環境的遠程功能。
Guacamole protocal作為一個遠程顯示和交互協議，實現了現有的遠程桌面協議的超集（superset）。為了讓Guacamole支持一個新的遠程桌面協議 （比如RDP），需要寫一個中間層（middle layer）來實現Guacamole protocal和這個新協議的轉換。實現這樣的轉換機制和本地客戶端遠程訪問桌面的實現沒什么區別，唯一的不同是這個轉換是要渲染遠程的顯示器（瀏覽 器），而不是本地客戶端（比如real vnc）。
而實現這個協議互相轉換的中間層就是guacd。
guacd是Guacamole的“心臟”，插件式的動態支持遠程桌面協議，根據Web應用程序發來的指令連接到遠程桌面。
guacd是和Guzcamole一起被安裝到機器的，以駐留后臺進程形式提供代理服務，接收來自Web應用程序的Tcp連接。guacd同樣也不 知道具體的遠程桌面協議，它只是需要決定加載那個插件并且傳送特定的參數給插件。（這個插件就是用來解析具體遠程桌面協議的）一旦這個插件被加載，插件就 獨立于guacd運行，對Web應用程序和自己之間的會話（conmunication）具有絕對的控制權，直到插件被關閉。
在Guacamole中與用戶打交道的就是Web應用程序。
之前說過，Web應用程序自己不實現任何的遠程桌面協議。Web應用程序依賴guacd，只關心優美的界面以及權限認證。
Web應用程序用Java語言編寫，對，只要你愿意，完全可以用其他語言實現。因為，事實上，Guacamole被設計成API，我們鼓勵開發者使用API開發自己的應用。
說到Guacamole，一般是指一個遠程桌面的網關，但是也不完全是這樣。起初，Guacamole用javascript寫了一個純文本的Telnet客戶端叫做：RealMint(RealMint是一個終端的名字)。這個項目主要是寫了個示范程序，目的希望它能有用，它一度聲名鵲起是因為RealMint是只用javascript寫的。
RealMint的隧道是用PHP寫的。跟Guacamole的HTTP的隧道相比，RealMint的隧道用的是簡單的長輪詢技術，比較低效。RealMint有一個比較像樣的鍵盤實現是保存至今，被應用到Guacamole的鍵盤部分的代碼，也許這就是RealMint唯一保留下來的功能和特性。
鑒于RealMint只是實現了一個古老的協議（telnet）,業界內還有幾個其他的比較成熟穩定的javascript客戶端模擬器的實現，RealMint這個項目就被遺棄了。
開發者一旦接觸HTML5的canvas標簽，就會發現這個標簽Firefox和Chrome已經支持，而且開始替代哪些所謂的Javascript實現的VNC的客戶端了。
完全用javascript實現的客戶端加上java服務器的組件，工作原理是把VNC協議轉化成一樣的基于XML的版本。這樣的實現受限于 VNC的特性，無法把一個連接傳送給多個用戶。概念上的項目需要很好的線上環境，雖然發展有點滯后，一個HTML5的VNC客戶端已經在SourceForge上以“Guacamole”的名字注冊了。
當Guacamole慢慢發展，變得不僅僅是一個概念上的產品時，需求快速增長，過去的像RealMint一樣采取長輪詢的XML的解決方案就慢慢被廢棄了。
因為Websocket此時還無法被完全信賴，Java有沒有Websocket的servlets標準，一個替代品，基于HTTP的隧道解決方案應運而生。
一個更快的基于文本的協議被提出，它可以支持現有的大多數的遠程桌面協議，不僅僅是VNC。整個系統被重新設計成一個標準的后臺駐留進程（guacd）和一些公用的庫文件（libguac），可擴展地支持遠程桌面協議。
這個項目從一個完整的VNC客戶端擴展成一個高性能的HTML5遠程桌面網關以及通用API。目前，Guacamole被用做一個中心網關，可以支持連接任意數量的，運行著不同遠程桌面協議的機器。提供可擴展地認證體系，這樣你可以做一些特定的適配，Guacamole也提供一個用戶Html5遠程 連接的通用API。
篇幅有限，關于Guacamole的內容就介紹到這了，后面會分享更多devops和DBA方面的內容，感興趣的朋友可以關注一下~
家好，我是 Echa。
今天來分享 50 個超實用的 Chrome 瀏覽器擴展！
JSON Viewer Pro 用于可視化JSON文件。其核心功能包括：
輸入界面如下：
格式化之后：
JSONVue 是一個JSON數據查看器，主要用來格式化JSON數據：
Library Sniffer 是一款給開發者使用的工具，能夠探測當前網頁所使用的類庫、框架和服務器環境，為開發者提供了方便。
Wappalyzer 擴展可以用來識別網站背后的底層技術。通過此擴展，可以了解特定應用程序是否是用 React、Vue、Angular、PHP等編寫的。還可以訪問有關 Web 服務器、編程語言、框架、內容管理系統、分析的信息工具、數據庫等。
WhatRuns 擴展程序只需單擊一下即可找到任何網站上使用的技術。
使用PerfectPixel插件可以將設計圖加載至網頁中，與已成型的網頁進行重疊對比，以幫助開發和設計人員規范網頁像素精度。這是一款可以優化前端頁面顯示的Chrome插件。
可以使用此擴展程序快速清除緩存，無需任何確認對話框、彈出窗口等。可以在選項頁面上自定義要清除的數據和數量，包括：應用程序緩存、緩存、Cookie、下載、文件系統、表單數據、歷史記錄、索引數據庫、本地存儲、插件數據、密碼和 WebSQL。
VisBug 是一個使用 JavaScript 構建的開源網頁設計調試工具，它可以讓用戶使用點擊式和拖放式界面來查看網站的元素。
Debug CSS 是一個幫助調試CSS的插件。他可以顯示出頁面元素的輪播，按住Ctrl，并將鼠標懸浮在元素上，即可查看其信息：
CSS Viewer 是一款適用于 Web 開發人員的高效 Chrome 擴展。顧名思義，CSS 查看器可以顯示將鼠標懸停在任何網頁上的元素的 CSS 屬性。
EditThisCookie 是一個 cookie 管理器。可以添加，刪除，編輯，搜索，鎖定和屏蔽cookies。
React Developer Tools 是開源 JavaScript 庫 React 的 Chrome DevTools 擴展。它允許我們在 Chrome 開發者工具中檢查 React 組件層次結構。安裝此插件之后，將在 Chrome DevTools 中獲得兩個新選項卡："?? Components" 和 "?? Profiler"：
Vue.js devtools 是一款基于chrome瀏覽器的用于調試Vue.js應用程序的插件，可以使得開發人員大大提高調試效率。支持用戶對DOM結構數據結構進行解析和調試功能。
Augury 可以幫助開發人員在 Google Chrome 瀏覽器中調試和分析 Angular 應用程序。
Firebug Lite是火狐瀏覽器中著名的開發者工具firebug插件移植到Chrome中的插件，在Chrome中安裝了Firebug Lite插件以后，開發人員可以像在火狐瀏覽器中使用firebug一樣熟悉的方式來調試網頁內容，其包含了基本的HTML、CSS以及Javascript的調試功能，用于幫助網頁前端開發工程師快速地調試網頁，以便及時地找到網頁中的BUG并及時修復。
HTML Validator 在 Chrome 的開發者工具中添加了 HTML Validator。HTML 頁面的錯誤數通過瀏覽器狀態欄中的圖標顯示，詳細信息可以在瀏覽器的開發者工具中查看。
Web Developer 擴展為帶有各種 Web 開發工具的瀏覽器添加了一個工具欄按鈕。該擴展適用于 Chrome 和 Firefox，并且可以在這些瀏覽器支持的任何平臺上運行，包括 Windows、macOS 和 Linux。
Requestly 是一款Chrome和Firefox瀏覽器插件，提供URL轉發、修改HTTP請求和結果、插入腳本等功能。
Window Resizer 主要用來調整瀏覽器窗口的大小以模擬各種屏幕分辨率。
Responsive Viewer 是在一個視圖中顯示多個屏幕的 Chrome 擴展程序。該擴展將幫助前端開發人員在開發響應式網站/應用程序時測試多個屏幕。
此插件允許直接從瀏覽器發送跨域請求，而不會收到跨域錯誤。可以使用此插件覆蓋 Request Origin 標頭，并將 Access-Control-Allow-Origin 設置為 *.
ColorPick Eyedropper 是一個放大的吸管和顏色選擇器工具，可讓從網頁等中選擇顏色值。
CSS Peeper 用于檢查和復制元素樣式的優秀工具，使用 CSSPeeper 可以將鼠標懸停在網頁中的任何元素上，然后單擊鼠標即可復制元素的樣式。
24. Dimensions
Dimensions是一款能幫助使用者對網頁上各種元素屬性之間的距離進行測量的Chrome頁面元素測量插件，該插件在點擊啟動插件圖標后，可以對頁面中圖像、輸入字段、按鈕以及視頻等頁面元素之間上下左右的方位尺寸進行測量，同時還可以通過使用快捷鍵來快速啟用或關閉該插件的功能，簡單實用。
Site Palette 用于生成調色板。設計師和前端開發人員必備的工具。可以通過這款插件輕松獲取網站的配色方案。
ColorZilla 是一款功能強大地提取網頁色彩的工具；也是個快速的對顏色進行調節的Chrome插件，許多的用戶將這款軟件稱呼為顏色吸取插件，它提取的顏色是非常的多樣化，還可生產css顏色的代碼等。
當我們想查看網頁中文字的字體時，最常用的方法就是在控制臺查看文字的字體樣式。那還有沒有更簡單的方法呢？WhatFont 就是一個查看網頁字體的Chrome擴展。只需要的點擊擴展圖標，再點需要查看為文字即可：
Fonts Ninja 可以從任何網站識別字體、添加書簽、試用并購買它們。
使用 BrowserStack 快速啟動擴展在任何瀏覽器中啟動一個新的測試會話。最多可設置 12 個瀏覽器以實現快速訪問并最大限度地減少切換瀏覽器所花費的時間。
Toby 是一款 Chrome 新標簽頁工具，能夠將未讀的標簽頁分組顯示在新標簽頁中，這樣就能把所有未看完的標簽頁都關閉了。分組相當于多個 Chrome 窗口，將你的標簽頁都拖進 Toby 中，就不需要實時開著占地方了。
該擴展提供了每日熱門開發者新聞，不需要再浪費時間搜索高質量的文章了。
Momentum 擁有漂亮的新標簽頁面，每日更新精彩背景壁紙圖片，可設置每日新鮮事焦點以及跟蹤待辦事項，無廣告，無彈窗。
The Great Suspender 是一個輕量級的擴展用來減少 Chrome 的內存占用。如果同時打開許多選項卡，在可配置的時間之后未查看的選項卡將在后臺自動掛起，從而釋放該選項卡消耗的內存和 CPU。
Session Buddy是一個可以幫助用戶查看、新增、編輯當前網站Session狀態的Chrome插件。用戶可以利用該插件保存網站當前的狀態以便在關閉Chrome或關閉計算機后恢復，從而達到節省內存的作用。
Octotree 旨在讓 GitHub 體驗更好。通常，為了檢查 Github 中的子文件夾，需要手動單擊文件夾并導航。Octotree 擴展解決了這個問題。此擴展在項目的左側顯示存儲庫的目錄結構，這有助于更好地理解文件夾結構。
1_EKF88oqIyX6FzgueCKdtXg.gif
File Icons for GitHub and GitLab 可以將 GitHub 和 GitLab 上的原始文件圖標替換為特定文件類型的圖標。
ax DevTools 是一個快速、輕量級但功能強大的測試工具，由 Deque 開發的世界上最值得信賴的可訪問性測試引擎 axe-core 驅動。使用 ax DevTools 在網站開發過程中查找并修復更多可訪問性問題。
OctoLinker 可以將特定語言的語句（如 include、require 或 import）轉換為鏈接。當打開一個包含多個導入語句的文件并且想要快速打開它時，只需將鼠標懸停在鏈接的文件上并單擊即可打開。
此擴展可幫助 Web 開發人員分析網頁是否違反最佳實踐。
Check My Links 是一個鏈接檢查器，它可以抓取網頁并查找損壞的鏈接。
Checkbot 是用于驗證一組HTML頁面上的鏈接的工具。Checkbot可以檢查一個或多個服務器上的單個文檔或一組文檔。它會創建一個報告，該報告匯總了引起某種警告或錯誤的所有鏈接。
Google Page Speed Insighs 是一款旨在優化所有設備上的網頁、提高網頁加載速度的工具。
META SEO inspector是一款可以幫助用戶分析網頁的meta信息并得到SEO評估的谷歌瀏覽器插件。
Ghostery 是強大的隱私保護擴展程序。其主要有以下功能：
AdBlock 用來在YouTube、Facebook、Twitch和其他你喜愛的網站上攔截廣告和彈窗。
番茄工作法（Pomodoro?）時間管理助理。? 長短兩種休息時間 ? 帶有倒計時顯示的工具欄圖標 ? 追蹤Pomodoro歷史和統計訊息 ? 可配置的長休間隔 ? 可配置的定時器時長 ? 桌面與新標簽頁通知 ? 超過20種音效可選的聲音通知 ? 計時器秒針走動音效
Loom 可以用來快速錄制視頻，并且能夠將錄制的視頻上傳到指定的網頁中，Loom還支持在用戶點擊啟動插件時，立即捕捉屏幕圖像，同時開始視頻錄制操作，還可以將錄制好的視頻復制到粘貼板中存儲。
GoFullPage 是一款全屏截圖插件（整個網頁截圖），完整捕獲您當前頁面的屏幕，進行滾動截圖，而無需任何額外的權限。單擊擴展程序圖標，然后將其傳輸到屏幕快照的新標簽頁中，可以在其中將其下載為圖像或PDF，甚至只需拖動即可，保存到桌面。
BetterViewer 可以提供更好的圖像查看體驗，旨在替代基于 Chrome 瀏覽器中內置的圖像查看模式。使用時，只需在頁面右鍵點擊圖片，選擇“在新標簽頁中打開圖片”即可。
svg-grabber 是一個快速預覽并從網站獲取所有 svg 的工具。可以用來預覽、下載和復制網站中所有 SVG 圖標和插圖的代碼。
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
