整合營銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
Visual Studio Code
EditPlus
Sublime Text
Emacs
Atom
PSPad編輯器
件沒有什么邏輯順序,大家可以按照目錄大綱直接定位到感興趣的插件部分閱讀即可.
更多插件正在陸續(xù)更新中,敬請期待...
最新更新插件
gitalk 評論插件并不是 gitbook 插件,因而集成方式和一般的插件安裝方式不同!
tbfed-pagefooter 版權(quán)頁腳插件
如果希望將網(wǎng)頁源碼暴露出去并接受公眾的監(jiān)督校準(zhǔn)的話,使用edit-link插件可以直接鏈接到源碼文件.
鏈接地址: https://plugins.gitbook.com/plugin/tbfed-pagefooter
gitbook-plugin-tbfed-pagefooter-preview.png
激活插件配置
在 book.json 中配置 tbfed-pagefooter 插件,詳細(xì)說明請參考 tbfed-pagefooter 插件.
示例:
安裝 tbfed-pagefooter 插件
示例:
$ gitbook install
測試 tbfed-pagefooter 插件
啟動本地服務(wù)后,每個頁面的頁腳處都會自動生成版權(quán)信息以及當(dāng)前文件的最后更新時間.
功能慎用: 如果文檔頻繁更新適合生成最后更新時間,如果長時間不更新文檔,豈不是最后更新時間還是幾年前,給讀者的感覺像是不再維護(hù)了一樣!
示例:
$ gitbook serve
gitbook-plugin-tbfed-pagefooter-preview.png
disqus 評論插件
discus 是一款集成評論的插件,可以為靜態(tài)網(wǎng)站添加動態(tài)評論,讓你的網(wǎng)站動起來!
gitbook-plugin-disqus-success-with-FQ.png
遺憾的是,discus 插件只有 FQ 才能正常使用,暫時沒找到其他較好的替代方案.
注冊 disqus.com 賬號
gitbook 集成 disqus 插件中最重要的配置項就是注冊 disqus.com 網(wǎng)站唯一標(biāo)識.
gitbook-plugin-disqus-preview.png
注冊并綁定域名
如果沒有注冊賬號請先注冊,否則直接登錄,當(dāng)然也支持第三方賬號登錄(我使用的是谷歌賬號).
gitbook-plugin-disqus-login.png
人機(jī)驗證時,選出符合條件的全部圖形,直到?jīng)]有新的圖形為止,這一點和國內(nèi)的靜態(tài)圖片驗證是不同的!
選擇安裝 disqus 插件(I want to install Disqus on my site),接下來會綁定集成網(wǎng)站的域名.
gitbook-plugin-disqus-goal.png
接下來設(shè)置網(wǎng)站的相關(guān)信息,其中網(wǎng)站名稱(snodreams1006)是唯一標(biāo)示,接下來集成到 gitbook 用的就是這個簡短名稱,而分類和語言按照實際情況選擇即可.
gitbook-plugin-disqus-create-site.png
選擇服務(wù)類型
disqus 網(wǎng)站提供的服務(wù)類型,有基礎(chǔ)班(basic),加強(qiáng)版(plus),專業(yè)版(pro)和免費(fèi)版(free).
每個版本計劃有不同的收費(fèi)標(biāo)準(zhǔn)以及相應(yīng)的服務(wù),可以根據(jù)實際情況選擇適合自己的服務(wù)類型.
gitbook-plugin-disqus-select-plan.png
接下來以免費(fèi)版為例進(jìn)行有關(guān)演示
gitbook-plugin-disqus-free-selected.png
安裝并配置 disqus 到網(wǎng)站
估計是這些網(wǎng)站提供了默認(rèn)的集成方式,這里并沒看到 gitbook 相關(guān)的網(wǎng)站,因此選擇最后一個自定義網(wǎng)站.
gitbook-plugin-disqus-install-website.png
填寫網(wǎng)站的基本信息,其中網(wǎng)站縮寫名稱仍然是 snowdreams1006,網(wǎng)址填寫 https://snowdreams1006.github.io/ ,至于其他信息根據(jù)實際情況填寫即可.
gitbook-plugin-disqus-config-site.png
至此 disqus.com 網(wǎng)站配置完成,接下來我們配置 gitbook 集成 disqus 插件.
gitbook-plugin-disqus-complete.png
安裝并配置 disqus 插件
上一步我們已經(jīng)獲取到唯一的標(biāo)識: snowdreams1006 ,接下來可以繼續(xù)配置 disqus插件了.
鏈接地址: https://plugins.gitbook.com/plugin/disqus
激活插件配置
在 book.json 中配置 disqus 插件,根據(jù)實際情況修改成自己的縮寫名稱(shortName).
示例:
安裝 disqus 插件
示例:
$ gitbook install
測試 disqus 插件
示例:
$ gitbook serve
正常情況下(FQ),disqus 插件已經(jīng)成功集成到 gitbook 網(wǎng)站了,因此推送到實際服務(wù)器上時看到的效果是這樣的.
gitbook-plugin-disqus-success-with-FQ.png
如果你不具備條件(FQ),那么你看到的仍然是這樣的.
gitbook-plugin-disqus-success-without-FQ.png
gitalk 評論插件
本篇文章發(fā)表在開源中國后得到網(wǎng)友 @八一菜刀 的評論,讓我推薦了gitalk 評論插件,初始使用了一下,確實不錯,因此在這里更新下.
上述 disqus 評論插件雖然比較好用,但是注冊是在 disqus.com 官網(wǎng),需要特殊手段才能訪問,即便成功配置了國內(nèi)一般也是訪問不到的,因此功能相當(dāng)雞肋.
gitalk 評論插件解決了這一痛點,利用 github 的開發(fā)者接口授權(quán),將討論區(qū)的 issue 變成評論區(qū),和 github 結(jié)合的如此緊密,適合用源碼托管到 github 這類情況.
先混個臉熟,看一下 gitalk 官網(wǎng) 是如何介紹自己的呢.
gitbook-plugin-gitalk-preview.png
看著效果確實不錯,并且評論區(qū)的內(nèi)容直接作為 github 倉庫的 issue,這么好的想法我咋沒想到呢!
好了,現(xiàn)在讓我們開始集成到我們自己的項目中,遇到新鮮事物,當(dāng)然先要參考官網(wǎng)介紹了.
申請 GitHub Application 授權(quán)
登錄 github 賬號,點擊 在線申請 授權(quán)應(yīng)用.
看到這一步,想必讀者已經(jīng)有個大概印象了,gitalk 插件是利用 github 的開發(fā)者服務(wù),進(jìn)行授權(quán)進(jìn)而調(diào)用 issue 相關(guān)接口從而顯示評論功能.
這種由官網(wǎng)提供的開發(fā)者服務(wù)還是比較好的,至少感覺比手動模擬提交要靠譜些,更何況走的是 OAuth 授權(quán)模式.
比如第三方應(yīng)用提供微信登錄,走的也是 OAuth 協(xié)議,這里的第三方應(yīng)用當(dāng)然就是現(xiàn)在說的 Gitalk
插件,微信就是我們的 github .
新建應(yīng)用,首頁 url 和授權(quán)回調(diào) url 填寫相同的首頁鏈接即可,其他情況自定義填寫.
gitbook-plugin-gitalk-register-application.png
應(yīng)用登記成功后會生成 token 令牌,clientId 和 clientSecret 需要重點保存下來,待會需要用到.
gitbook-plugin-gitalk-generate-token.png
安裝并集成到網(wǎng)站
在需要添加評論的頁面,添加下述內(nèi)容引入 gitalk 插件,其中參數(shù)來自我們上一步獲取的 clientId 和 clientSecret .
默認(rèn)應(yīng)該添加到 .html 頁面,當(dāng)然也可以添加到 .md 頁面,畢竟 markdown語法也支持 html 標(biāo)簽.
稍微解釋下參數(shù)的含義:
上述配置只是最簡配置,如果想要了解更多高級配置,請參考 官方文檔
測試集成效果
按照上述安裝步驟,將代碼復(fù)制到首頁(README.md)文件中,然后推送到 github ,體驗下集成效果.
注意: 這里必須推送到服務(wù)器,因為申請應(yīng)用時填寫的域名是線上地址,因而本地測試是不會成功的,會報錯,這一點和微信支付的回調(diào)地址類似.
示例:
上述參數(shù)僅供參考,實際使用中請?zhí)鎿Q成自己的配置,不然你也沒有我倉庫的權(quán)限,肯定會報錯的啊!
gitbook-plugin-gitalk-init-issue.png
心心相念的 gitalk 評論區(qū)呢?是不是哪里配置錯了,為啥沒有出來?
別急,要淡定,看一下提示說"未找到的 Issue 進(jìn)行評論,請聯(lián)系 @snowdreams1006 初始化創(chuàng)建",既然如此,那我們就操作一下吧!
點擊下方的按鈕 使用 Github登錄 ,會跳轉(zhuǎn)到相應(yīng)的倉庫,然后按照提示確定.
再次返回首頁,刷新一下看看發(fā)生什么神奇的事情了?
gitbook-plugin-gitalk-index-success.png
終于集成了評論功能,而且還支持 markdown 格式的評論呢!
進(jìn)一步思考
確實不錯,心中自然是欣喜萬分,但別高興太早了,因為你會發(fā)現(xiàn)其他頁面并沒有評論區(qū),也很好理解,我們目前僅僅在首頁(README.md) 集成了 gitalk 插件,也就是說使用 gitbook build 輸出的 index.html 首頁才支持評論區(qū),其他頁面沒有插入上述代碼,自然是沒有評論區(qū)功能的啊!
那如果想要實現(xiàn)全網(wǎng)站的所有頁面都集成評論區(qū)功能,應(yīng)該怎么辦呢?
百度搜索了一下,并沒有找到優(yōu)雅的解決方案,如果有人能夠提供更好的解決方案,還望不吝賜教,在此謝過.
既然網(wǎng)上找不到優(yōu)雅的解決方案,那尋求專業(yè)人士的幫助也是一種好辦法,我去哪找 gitalk 的使用者呢?
聰明的你或許已經(jīng)想到了,解鈴還須系鈴人,當(dāng)然是向推薦給我插件的大牛提問了!
他確實提供了一種思路,以下是網(wǎng)友@八一菜刀原話:
文檔里面我用的是tbfed-pagefooter插件，不過我是在本地使用gitbook install后重寫了該插件的js，無非就是在js里面加一段Gitalk的調(diào)用代碼，這樣使用gitbook build命令的時候，所有的頁面都會有Gitalk的評論調(diào)用
人家既然已經(jīng)提供了思路,不太好意思繼續(xù)麻煩人家要源碼,既然如此,那就自己動手吧!
tbfed-pagefooter 插件很熟悉,一般是用于注明版權(quán)以及文章的修訂時間的,而且作用于每個頁面,這一點就滿足了集成 gitalk 相關(guān)代碼的基本要求.
大體方向確定后,目前就是解決如何在 tbfed-pagefooter 插件構(gòu)建的相關(guān)生命周期內(nèi)順便執(zhí)行我們的代碼?
正常當(dāng)前項目安裝 tbfed-pagefooter 插件后應(yīng)該存放于 /node_modules/gitbook-plugin-tbfed-pagefooter 目錄,大致看一下插件的項目結(jié)構(gòu).
為了基本看懂項目文件作用,特意去看了下 gitbook 插件開發(fā)文檔,目標(biāo)鎖定在 index.js .
截取重要片段,原來是電子書構(gòu)建前動態(tài)增加了 html 片段啊,這就好辦了!
看懂基本原理后順便修改了版權(quán)說明以及修訂時間格式,然后追加了集成 gitalk的相關(guān)代碼.
這里為了方便修改 gitalk 配置,特意將相關(guān)配置項單獨(dú)托管到 github 專門的 gitalk-config.js 文件.
至于配置文件的內(nèi)容,并沒什么特殊之處,還是順便貼一下吧!
至此,之后再本地構(gòu)建電子書時(gitbook build),gitbook-plugin-tbfed-pagefooter 自然會順便幫我們運(yùn)行集成 gitalk 的相關(guān)代碼,這才是相對來說比較優(yōu)雅的做法.
當(dāng)然也不一定非要借助 gitbook-plugin-tbfed-pagefooter 插件幫忙,也可以借助別的插件進(jìn)行集成,甚至自己寫個更好的插件.
小結(jié)
gitalk 插件相對 disqus 插件來說,更符合基本國情,只不過默認(rèn)的集成方式只能一個頁面一個頁面去集成,當(dāng)數(shù)量比較多時,工作量不敢想象.
因此,通過 gitbook 插件開發(fā)的方式,在源碼文件輸出為目標(biāo)文件時加入相關(guān)集成代碼,相當(dāng)于手寫100條輸出語句和循環(huán)寫100條輸出語句.
其實本質(zhì)上并沒有改變什么,仍然是集成到每個頁面中,但是簡化了人工操作的工作量就是效率的提升.
如果有更高效更優(yōu)雅的集成方式,歡迎大家一起探討.
edit-link 編輯鏈接插件
如果希望將網(wǎng)頁源碼暴露出去并接受公眾的監(jiān)督校準(zhǔn)的話,使用edit-link插件可以直接鏈接到源碼文件.
鏈接地址: https://plugins.gitbook.com/plugin/edit-link
gitbook-plugin-edit-link-preview.gif
激活插件配置
在 book.json 中配置 edit-link 插件,詳細(xì)說明請參考 edit-link 插件.
示例:
安裝 edit-link 插件
示例:
$ gitbook install
測試 edit-link 插件
如果不能正常跳轉(zhuǎn)到源碼文件,多次試驗后重新更改 edit-link.base 節(jié)點內(nèi)容,重新 gitbook serve 即可正常跳轉(zhuǎn)源碼文件.
示例:
$ gitbook serve
gitbook-plugin-edit-link-preview.png
github 插件
添加 github 圖標(biāo)鏈接,方便直接跳轉(zhuǎn)到 github 指定倉庫.
鏈接地址: https://plugins.gitbook.com/plugin/github
gitbook-plugin-github-preview.png
激活插件配置
在 book.json 中配置 github 插件,詳細(xì)說明請參考 github 插件.
示例:
安裝 github 插件
示例:
$ gitbook install
測試 github 插件
示例:
$ gitbook serve
gitbook-plugin-github-preview.png
search-plus 中文搜索插件
默認(rèn)的 search 搜索插件是不支持中文搜索的,而 search-plus 則功能更強(qiáng)大些,兩者不能共存,需要禁用或移除 search 插件.
鏈接地址: https://plugins.gitbook.com/plugin/search-plus
gitbook-plugin-search-plus-preview.png
家好，我是 Echa。
今天來分享 50 個超實用的 Chrome 瀏覽器擴(kuò)展！
JSON Viewer Pro 用于可視化JSON文件。其核心功能包括：
輸入界面如下：
格式化之后：
JSONVue 是一個JSON數(shù)據(jù)查看器，主要用來格式化JSON數(shù)據(jù)：
Library Sniffer 是一款給開發(fā)者使用的工具，能夠探測當(dāng)前網(wǎng)頁所使用的類庫、框架和服務(wù)器環(huán)境，為開發(fā)者提供了方便。
Wappalyzer 擴(kuò)展可以用來識別網(wǎng)站背后的底層技術(shù)。通過此擴(kuò)展，可以了解特定應(yīng)用程序是否是用 React、Vue、Angular、PHP等編寫的。還可以訪問有關(guān) Web 服務(wù)器、編程語言、框架、內(nèi)容管理系統(tǒng)、分析的信息工具、數(shù)據(jù)庫等。
WhatRuns 擴(kuò)展程序只需單擊一下即可找到任何網(wǎng)站上使用的技術(shù)。
使用PerfectPixel插件可以將設(shè)計圖加載至網(wǎng)頁中，與已成型的網(wǎng)頁進(jìn)行重疊對比，以幫助開發(fā)和設(shè)計人員規(guī)范網(wǎng)頁像素精度。這是一款可以優(yōu)化前端頁面顯示的Chrome插件。
可以使用此擴(kuò)展程序快速清除緩存，無需任何確認(rèn)對話框、彈出窗口等?？梢栽谶x項頁面上自定義要清除的數(shù)據(jù)和數(shù)量，包括：應(yīng)用程序緩存、緩存、Cookie、下載、文件系統(tǒng)、表單數(shù)據(jù)、歷史記錄、索引數(shù)據(jù)庫、本地存儲、插件數(shù)據(jù)、密碼和 WebSQL。
VisBug 是一個使用 JavaScript 構(gòu)建的開源網(wǎng)頁設(shè)計調(diào)試工具，它可以讓用戶使用點擊式和拖放式界面來查看網(wǎng)站的元素。
Debug CSS 是一個幫助調(diào)試CSS的插件。他可以顯示出頁面元素的輪播，按住Ctrl，并將鼠標(biāo)懸浮在元素上，即可查看其信息：
CSS Viewer 是一款適用于 Web 開發(fā)人員的高效 Chrome 擴(kuò)展。顧名思義，CSS 查看器可以顯示將鼠標(biāo)懸停在任何網(wǎng)頁上的元素的 CSS 屬性。
EditThisCookie 是一個 cookie 管理器?？梢蕴砑?，刪除，編輯，搜索，鎖定和屏蔽cookies。
React Developer Tools 是開源 JavaScript 庫 React 的 Chrome DevTools 擴(kuò)展。它允許我們在 Chrome 開發(fā)者工具中檢查 React 組件層次結(jié)構(gòu)。安裝此插件之后，將在 Chrome DevTools 中獲得兩個新選項卡："?? Components" 和 "?? Profiler"：
Vue.js devtools 是一款基于chrome瀏覽器的用于調(diào)試Vue.js應(yīng)用程序的插件，可以使得開發(fā)人員大大提高調(diào)試效率。支持用戶對DOM結(jié)構(gòu)數(shù)據(jù)結(jié)構(gòu)進(jìn)行解析和調(diào)試功能。
Augury 可以幫助開發(fā)人員在 Google Chrome 瀏覽器中調(diào)試和分析 Angular 應(yīng)用程序。
Firebug Lite是火狐瀏覽器中著名的開發(fā)者工具firebug插件移植到Chrome中的插件，在Chrome中安裝了Firebug Lite插件以后，開發(fā)人員可以像在火狐瀏覽器中使用firebug一樣熟悉的方式來調(diào)試網(wǎng)頁內(nèi)容，其包含了基本的HTML、CSS以及Javascript的調(diào)試功能，用于幫助網(wǎng)頁前端開發(fā)工程師快速地調(diào)試網(wǎng)頁，以便及時地找到網(wǎng)頁中的BUG并及時修復(fù)。
HTML Validator 在 Chrome 的開發(fā)者工具中添加了 HTML Validator。HTML 頁面的錯誤數(shù)通過瀏覽器狀態(tài)欄中的圖標(biāo)顯示，詳細(xì)信息可以在瀏覽器的開發(fā)者工具中查看。
Web Developer 擴(kuò)展為帶有各種 Web 開發(fā)工具的瀏覽器添加了一個工具欄按鈕。該擴(kuò)展適用于 Chrome 和 Firefox，并且可以在這些瀏覽器支持的任何平臺上運(yùn)行，包括 Windows、macOS 和 Linux。
Requestly 是一款Chrome和Firefox瀏覽器插件，提供URL轉(zhuǎn)發(fā)、修改HTTP請求和結(jié)果、插入腳本等功能。
Window Resizer 主要用來調(diào)整瀏覽器窗口的大小以模擬各種屏幕分辨率。
Responsive Viewer 是在一個視圖中顯示多個屏幕的 Chrome 擴(kuò)展程序。該擴(kuò)展將幫助前端開發(fā)人員在開發(fā)響應(yīng)式網(wǎng)站/應(yīng)用程序時測試多個屏幕。
此插件允許直接從瀏覽器發(fā)送跨域請求，而不會收到跨域錯誤?？梢允褂么瞬寮采w Request Origin 標(biāo)頭，并將 Access-Control-Allow-Origin 設(shè)置為 *.
ColorPick Eyedropper 是一個放大的吸管和顏色選擇器工具，可讓從網(wǎng)頁等中選擇顏色值。
CSS Peeper 用于檢查和復(fù)制元素樣式的優(yōu)秀工具，使用 CSSPeeper 可以將鼠標(biāo)懸停在網(wǎng)頁中的任何元素上，然后單擊鼠標(biāo)即可復(fù)制元素的樣式。
24. Dimensions
Dimensions是一款能幫助使用者對網(wǎng)頁上各種元素屬性之間的距離進(jìn)行測量的Chrome頁面元素測量插件，該插件在點擊啟動插件圖標(biāo)后，可以對頁面中圖像、輸入字段、按鈕以及視頻等頁面元素之間上下左右的方位尺寸進(jìn)行測量，同時還可以通過使用快捷鍵來快速啟用或關(guān)閉該插件的功能，簡單實用。
Site Palette 用于生成調(diào)色板。設(shè)計師和前端開發(fā)人員必備的工具。可以通過這款插件輕松獲取網(wǎng)站的配色方案。
ColorZilla 是一款功能強(qiáng)大地提取網(wǎng)頁色彩的工具；也是個快速的對顏色進(jìn)行調(diào)節(jié)的Chrome插件，許多的用戶將這款軟件稱呼為顏色吸取插件，它提取的顏色是非常的多樣化，還可生產(chǎn)css顏色的代碼等。
當(dāng)我們想查看網(wǎng)頁中文字的字體時，最常用的方法就是在控制臺查看文字的字體樣式。那還有沒有更簡單的方法呢？WhatFont 就是一個查看網(wǎng)頁字體的Chrome擴(kuò)展。只需要的點擊擴(kuò)展圖標(biāo)，再點需要查看為文字即可：
Fonts Ninja 可以從任何網(wǎng)站識別字體、添加書簽、試用并購買它們。
使用 BrowserStack 快速啟動擴(kuò)展在任何瀏覽器中啟動一個新的測試會話。最多可設(shè)置 12 個瀏覽器以實現(xiàn)快速訪問并最大限度地減少切換瀏覽器所花費(fèi)的時間。
Toby 是一款 Chrome 新標(biāo)簽頁工具，能夠?qū)⑽醋x的標(biāo)簽頁分組顯示在新標(biāo)簽頁中，這樣就能把所有未看完的標(biāo)簽頁都關(guān)閉了。分組相當(dāng)于多個 Chrome 窗口，將你的標(biāo)簽頁都拖進(jìn) Toby 中，就不需要實時開著占地方了。
該擴(kuò)展提供了每日熱門開發(fā)者新聞，不需要再浪費(fèi)時間搜索高質(zhì)量的文章了。
Momentum 擁有漂亮的新標(biāo)簽頁面，每日更新精彩背景壁紙圖片，可設(shè)置每日新鮮事焦點以及跟蹤待辦事項，無廣告，無彈窗。
The Great Suspender 是一個輕量級的擴(kuò)展用來減少 Chrome 的內(nèi)存占用。如果同時打開許多選項卡，在可配置的時間之后未查看的選項卡將在后臺自動掛起，從而釋放該選項卡消耗的內(nèi)存和 CPU。
Session Buddy是一個可以幫助用戶查看、新增、編輯當(dāng)前網(wǎng)站Session狀態(tài)的Chrome插件。用戶可以利用該插件保存網(wǎng)站當(dāng)前的狀態(tài)以便在關(guān)閉Chrome或關(guān)閉計算機(jī)后恢復(fù)，從而達(dá)到節(jié)省內(nèi)存的作用。
Octotree 旨在讓 GitHub 體驗更好。通常，為了檢查 Github 中的子文件夾，需要手動單擊文件夾并導(dǎo)航。Octotree 擴(kuò)展解決了這個問題。此擴(kuò)展在項目的左側(cè)顯示存儲庫的目錄結(jié)構(gòu)，這有助于更好地理解文件夾結(jié)構(gòu)。
1_EKF88oqIyX6FzgueCKdtXg.gif
File Icons for GitHub and GitLab 可以將 GitHub 和 GitLab 上的原始文件圖標(biāo)替換為特定文件類型的圖標(biāo)。
ax DevTools 是一個快速、輕量級但功能強(qiáng)大的測試工具，由 Deque 開發(fā)的世界上最值得信賴的可訪問性測試引擎 axe-core 驅(qū)動。使用 ax DevTools 在網(wǎng)站開發(fā)過程中查找并修復(fù)更多可訪問性問題。
OctoLinker 可以將特定語言的語句（如 include、require 或 import）轉(zhuǎn)換為鏈接。當(dāng)打開一個包含多個導(dǎo)入語句的文件并且想要快速打開它時，只需將鼠標(biāo)懸停在鏈接的文件上并單擊即可打開。
此擴(kuò)展可幫助 Web 開發(fā)人員分析網(wǎng)頁是否違反最佳實踐。
Check My Links 是一個鏈接檢查器，它可以抓取網(wǎng)頁并查找損壞的鏈接。
Checkbot 是用于驗證一組HTML頁面上的鏈接的工具。Checkbot可以檢查一個或多個服務(wù)器上的單個文檔或一組文檔。它會創(chuàng)建一個報告，該報告匯總了引起某種警告或錯誤的所有鏈接。
Google Page Speed Insighs 是一款旨在優(yōu)化所有設(shè)備上的網(wǎng)頁、提高網(wǎng)頁加載速度的工具。
META SEO inspector是一款可以幫助用戶分析網(wǎng)頁的meta信息并得到SEO評估的谷歌瀏覽器插件。
Ghostery 是強(qiáng)大的隱私保護(hù)擴(kuò)展程序。其主要有以下功能：
AdBlock 用來在YouTube、Facebook、Twitch和其他你喜愛的網(wǎng)站上攔截廣告和彈窗。
番茄工作法（Pomodoro?）時間管理助理。? 長短兩種休息時間 ? 帶有倒計時顯示的工具欄圖標(biāo) ? 追蹤Pomodoro歷史和統(tǒng)計訊息 ? 可配置的長休間隔 ? 可配置的定時器時長 ? 桌面與新標(biāo)簽頁通知 ? 超過20種音效可選的聲音通知 ? 計時器秒針走動音效
Loom 可以用來快速錄制視頻，并且能夠?qū)浿频囊曨l上傳到指定的網(wǎng)頁中，Loom還支持在用戶點擊啟動插件時，立即捕捉屏幕圖像，同時開始視頻錄制操作，還可以將錄制好的視頻復(fù)制到粘貼板中存儲。
GoFullPage 是一款全屏截圖插件（整個網(wǎng)頁截圖），完整捕獲您當(dāng)前頁面的屏幕，進(jìn)行滾動截圖，而無需任何額外的權(quán)限。單擊擴(kuò)展程序圖標(biāo)，然后將其傳輸?shù)狡聊豢煺盏男聵?biāo)簽頁中，可以在其中將其下載為圖像或PDF，甚至只需拖動即可，保存到桌面。
BetterViewer 可以提供更好的圖像查看體驗，旨在替代基于 Chrome 瀏覽器中內(nèi)置的圖像查看模式。使用時，只需在頁面右鍵點擊圖片，選擇“在新標(biāo)簽頁中打開圖片”即可。
svg-grabber 是一個快速預(yù)覽并從網(wǎng)站獲取所有 svg 的工具?？梢杂脕眍A(yù)覽、下載和復(fù)制網(wǎng)站中所有 SVG 圖標(biāo)和插圖的代碼。
*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。
