家好,我是 Echa。
今天來分享 50 個超實用的 Chrome 瀏覽器擴展!
JSON Viewer Pro 用于可視化JSON文件。其核心功能包括:
輸入界面如下:
格式化之后:
JSONVue 是一個JSON數(shù)據(jù)查看器,主要用來格式化JSON數(shù)據(jù):
Library Sniffer 是一款給開發(fā)者使用的工具,能夠探測當(dāng)前網(wǎng)頁所使用的類庫、框架和服務(wù)器環(huán)境,為開發(fā)者提供了方便。
Wappalyzer 擴展可以用來識別網(wǎng)站背后的底層技術(shù)。通過此擴展,可以了解特定應(yīng)用程序是否是用 React、Vue、Angular、PHP等編寫的。還可以訪問有關(guān) Web 服務(wù)器、編程語言、框架、內(nèi)容管理系統(tǒng)、分析的信息工具、數(shù)據(jù)庫等。
WhatRuns 擴展程序只需單擊一下即可找到任何網(wǎng)站上使用的技術(shù)。
使用PerfectPixel插件可以將設(shè)計圖加載至網(wǎng)頁中,與已成型的網(wǎng)頁進行重疊對比,以幫助開發(fā)和設(shè)計人員規(guī)范網(wǎng)頁像素精度。這是一款可以優(yōu)化前端頁面顯示的Chrome插件。
可以使用此擴展程序快速清除緩存,無需任何確認對話框、彈出窗口等。可以在選項頁面上自定義要清除的數(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,并將鼠標懸浮在元素上,即可查看其信息:
CSS Viewer 是一款適用于 Web 開發(fā)人員的高效 Chrome 擴展。顧名思義,CSS 查看器可以顯示將鼠標懸停在任何網(wǎng)頁上的元素的 CSS 屬性。
EditThisCookie 是一個 cookie 管理器。可以添加,刪除,編輯,搜索,鎖定和屏蔽cookies。
React Developer Tools 是開源 JavaScript 庫 React 的 Chrome DevTools 擴展。它允許我們在 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)進行解析和調(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)欄中的圖標顯示,詳細信息可以在瀏覽器的開發(fā)者工具中查看。
Web Developer 擴展為帶有各種 Web 開發(fā)工具的瀏覽器添加了一個工具欄按鈕。該擴展適用于 Chrome 和 Firefox,并且可以在這些瀏覽器支持的任何平臺上運行,包括 Windows、macOS 和 Linux。
Requestly 是一款Chrome和Firefox瀏覽器插件,提供URL轉(zhuǎn)發(fā)、修改HTTP請求和結(jié)果、插入腳本等功能。
Window Resizer 主要用來調(diào)整瀏覽器窗口的大小以模擬各種屏幕分辨率。
Responsive Viewer 是在一個視圖中顯示多個屏幕的 Chrome 擴展程序。該擴展將幫助前端開發(fā)人員在開發(fā)響應(yīng)式網(wǎng)站/應(yīng)用程序時測試多個屏幕。
此插件允許直接從瀏覽器發(fā)送跨域請求,而不會收到跨域錯誤。可以使用此插件覆蓋 Request Origin 標頭,并將 Access-Control-Allow-Origin 設(shè)置為 *.
ColorPick Eyedropper 是一個放大的吸管和顏色選擇器工具,可讓從網(wǎng)頁等中選擇顏色值。
CSS Peeper 用于檢查和復(fù)制元素樣式的優(yōu)秀工具,使用 CSSPeeper 可以將鼠標懸停在網(wǎng)頁中的任何元素上,然后單擊鼠標即可復(fù)制元素的樣式。
24. Dimensions
Dimensions是一款能幫助使用者對網(wǎng)頁上各種元素屬性之間的距離進行測量的Chrome頁面元素測量插件,該插件在點擊啟動插件圖標后,可以對頁面中圖像、輸入字段、按鈕以及視頻等頁面元素之間上下左右的方位尺寸進行測量,同時還可以通過使用快捷鍵來快速啟用或關(guān)閉該插件的功能,簡單實用。
Site Palette 用于生成調(diào)色板。設(shè)計師和前端開發(fā)人員必備的工具。可以通過這款插件輕松獲取網(wǎng)站的配色方案。
ColorZilla 是一款功能強大地提取網(wǎng)頁色彩的工具;也是個快速的對顏色進行調(diào)節(jié)的Chrome插件,許多的用戶將這款軟件稱呼為顏色吸取插件,它提取的顏色是非常的多樣化,還可生產(chǎn)css顏色的代碼等。
當(dāng)我們想查看網(wǎng)頁中文字的字體時,最常用的方法就是在控制臺查看文字的字體樣式。那還有沒有更簡單的方法呢?WhatFont 就是一個查看網(wǎng)頁字體的Chrome擴展。只需要的點擊擴展圖標,再點需要查看為文字即可:
Fonts Ninja 可以從任何網(wǎng)站識別字體、添加書簽、試用并購買它們。
使用 BrowserStack 快速啟動擴展在任何瀏覽器中啟動一個新的測試會話。最多可設(shè)置 12 個瀏覽器以實現(xiàn)快速訪問并最大限度地減少切換瀏覽器所花費的時間。
Toby 是一款 Chrome 新標簽頁工具,能夠?qū)⑽醋x的標簽頁分組顯示在新標簽頁中,這樣就能把所有未看完的標簽頁都關(guān)閉了。分組相當(dāng)于多個 Chrome 窗口,將你的標簽頁都拖進 Toby 中,就不需要實時開著占地方了。
該擴展提供了每日熱門開發(fā)者新聞,不需要再浪費時間搜索高質(zhì)量的文章了。
Momentum 擁有漂亮的新標簽頁面,每日更新精彩背景壁紙圖片,可設(shè)置每日新鮮事焦點以及跟蹤待辦事項,無廣告,無彈窗。
The Great Suspender 是一個輕量級的擴展用來減少 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)閉計算機后恢復(fù),從而達到節(jié)省內(nèi)存的作用。
Octotree 旨在讓 GitHub 體驗更好。通常,為了檢查 Github 中的子文件夾,需要手動單擊文件夾并導(dǎo)航。Octotree 擴展解決了這個問題。此擴展在項目的左側(cè)顯示存儲庫的目錄結(jié)構(gòu),這有助于更好地理解文件夾結(jié)構(gòu)。
1_EKF88oqIyX6FzgueCKdtXg.gif
File Icons for GitHub and GitLab 可以將 GitHub 和 GitLab 上的原始文件圖標替換為特定文件類型的圖標。
ax DevTools 是一個快速、輕量級但功能強大的測試工具,由 Deque 開發(fā)的世界上最值得信賴的可訪問性測試引擎 axe-core 驅(qū)動。使用 ax DevTools 在網(wǎng)站開發(fā)過程中查找并修復(fù)更多可訪問性問題。
OctoLinker 可以將特定語言的語句(如 include、require 或 import)轉(zhuǎn)換為鏈接。當(dāng)打開一個包含多個導(dǎo)入語句的文件并且想要快速打開它時,只需將鼠標懸停在鏈接的文件上并單擊即可打開。
此擴展可幫助 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 是強大的隱私保護擴展程序。其主要有以下功能:
AdBlock 用來在YouTube、Facebook、Twitch和其他你喜愛的網(wǎng)站上攔截廣告和彈窗。
番茄工作法(Pomodoro?)時間管理助理。? 長短兩種休息時間 ? 帶有倒計時顯示的工具欄圖標 ? 追蹤Pomodoro歷史和統(tǒng)計訊息 ? 可配置的長休間隔 ? 可配置的定時器時長 ? 桌面與新標簽頁通知 ? 超過20種音效可選的聲音通知 ? 計時器秒針走動音效
Loom 可以用來快速錄制視頻,并且能夠?qū)浿频囊曨l上傳到指定的網(wǎng)頁中,Loom還支持在用戶點擊啟動插件時,立即捕捉屏幕圖像,同時開始視頻錄制操作,還可以將錄制好的視頻復(fù)制到粘貼板中存儲。
GoFullPage 是一款全屏截圖插件(整個網(wǎng)頁截圖),完整捕獲您當(dāng)前頁面的屏幕,進行滾動截圖,而無需任何額外的權(quán)限。單擊擴展程序圖標,然后將其傳輸?shù)狡聊豢煺盏男聵撕烅撝校梢栽谄渲袑⑵湎螺d為圖像或PDF,甚至只需拖動即可,保存到桌面。
BetterViewer 可以提供更好的圖像查看體驗,旨在替代基于 Chrome 瀏覽器中內(nèi)置的圖像查看模式。使用時,只需在頁面右鍵點擊圖片,選擇“在新標簽頁中打開圖片”即可。
svg-grabber 是一個快速預(yù)覽并從網(wǎng)站獲取所有 svg 的工具。可以用來預(yù)覽、下載和復(fù)制網(wǎng)站中所有 SVG 圖標和插圖的代碼。
ser:用于配置運行Nginx服務(wù)器的worker進程的用戶和用戶組。
第一個user是指令名稱對應(yīng)的,第二個user是指定的用戶名信息,group是用戶所屬的組,該組可以不用設(shè)置他,如果沒有指定,默認會用nohody這個屬性
進入到ngnix的相關(guān)路徑之后,可以使用./configure --help查看相關(guān)命令
--user=USER和--group=GROUP與我們的工作進程是相關(guān)的
如何設(shè)置user,使用vim ngnix.conf打開conf文件
打開之后,第一行就是user nobody;相關(guān)的配置
一般將配置修改之后,建議轉(zhuǎn)到
cd ../sbin/
使用
./nginx -t
檢驗一下是否配置成功,需要注意的是使用user指令配置用戶,要檢測是否存在,如果系統(tǒng)內(nèi)部不存在,就會產(chǎn)生報錯
利用useradd可以添加制定用戶
使用 ps -ef | grep nginx 查看對應(yīng)nginx進程,可以查看此時的worker進程的PID是27396
使用./nginx -s reload重新加載用戶信息,此時的用戶信息已經(jīng)變成了www
使用cd /root
mkdir html //創(chuàng)建文件
rm -rf html/創(chuàng)建一個html文件
vim index.html打開文件
只要修改root這里的路徑,就可以實現(xiàn)跳轉(zhuǎn),跳轉(zhuǎn)到指定頁面
cd ../sbin/ /切換到sbin文件下
./ngnix -t // 檢驗語法是否正確
使用./nginx -s reload // 重啟配置
修改了root中展示的頁面的跳轉(zhuǎn)路徑,這里重新跳轉(zhuǎn)頁面的時候出現(xiàn)403的錯誤,403一般是權(quán)限不足的問題
解決的方法是將目錄 cp -r /root/html/ ./ 復(fù)制的生成的www文件下就可以了
之后將root的路徑重新設(shè)置為, /home/www/html你想要的路徑
重新進入到sbin文件,檢測語法是否正確
進入到/home目錄下文件的用戶組是www
再到root目錄下看一看,這里是root權(quán)限,而使用user設(shè)置了www的用戶之后,對于root的組是沒有相應(yīng)的權(quán)限的
總結(jié):
設(shè)置一個用戶信息"www"
user www;
創(chuàng)建一個用戶
useradd www
修改user屬性
user www
創(chuàng)建/root/html/index.html頁面,添加如下內(nèi)容
<!DOCTYPE html>
<html>
<head>
<title>Welcome to nginx!</title>
<style>
body {
width: 35em;
margin: 0 auto;
font-family: Tahoma, Verdana, Arial, sansserif;
}
</style>
</head>
<body>
<h1>Welcome to nginx!</h1>
<p>If you see this page, the nginx web server is
successfully installed and
working. Further configuration is required.</p>
<p>For online documentation and support please refer
to
<a href="http://nginx.org/">nginx.org</a>.<br/>
Commercial support is available at
<a href="http://nginx.com/">nginx.com</a>.</p>
<p><em>Thank you for using nginx.</em></p>
<p><em>I am WWW</em></p>
</body>
</html>
修改nginx.conf
location / {
root /root/html;
index index.html index.htm;
}
測試啟動訪問
頁面會報403拒絕訪問的錯誤
分析原因
因為當(dāng)前用戶沒有訪問/root/html目錄的權(quán)限
將文件創(chuàng)建到 /home/www/html/index.html ,修改配置
location / {
root /home/www/html;
index index.html index.htm;
}
再次測試啟動訪問,綜上所述,使用user指令可以指定啟動運行工作進程的用戶及用戶組, 這樣對于系統(tǒng)的權(quán)限訪問控制的更加精細,也更加安全。
設(shè)置局域網(wǎng)共享文件訪問權(quán)限的過程中,有時候我們會處于共享文件管理安全管理的需要,而禁止某個IP地址訪問局域網(wǎng)共享文件、禁止某臺電腦訪問服務(wù)器共享文件。這一方面可以通過設(shè)置共享文件夾的用戶訪問權(quán)限來實現(xiàn),比如我們可以禁止某個用戶訪問共享文件夾,但是有可能別人會將有權(quán)限訪問共享文件的用戶透漏給訪問者,使得訪問者利用其它賬號同樣可以訪問共享文件。那么,這種情況下,我們可以通過以下方法來阻止指定電腦訪問共享文件夾。
方法1、使用IP策略,阻止該ip訪問文件服務(wù)器的任何端口的方式來阻止此用戶訪問服務(wù)器共享文件。
下邊是方法:
我們以XP為例加以說明,WIN7的設(shè)置與此相同。
打開:控制面版--管理工具-本地安全設(shè)置。點左邊的 IP安全策略,在本地計算機。
然后在右邊點右鍵--創(chuàng)建IP安全策略,打開IP安全策略向?qū)А?/span>
下一步,出現(xiàn)IP安全策略名稱,隨便起個就行。比如叫 阻止192.168.1.163
下一步,出現(xiàn)激活默認響應(yīng)規(guī)則,不要選中,把鉤去掉。
下一步,選中編輯屬性,完成。
然后出現(xiàn)了 IP安全策略屬性,點下邊的添加,出現(xiàn)規(guī)則屬性,點擊添加,出現(xiàn)IP策略器列表。把使用添加向?qū)サ簦c右邊的添加,出現(xiàn)篩選器屬性。
尋址欄 原地址選 一個特定的IP 192.168.1.163。目標IP是 我的IP地址。然后點擊確定。
現(xiàn)在回到 IP 篩選器列表,點擊確定,在規(guī)則屬性里應(yīng)該多了個列表,選中它。然后切換到篩選器操作選項卡,把使用添加向?qū)サ簦c擊添加。在出現(xiàn)的篩選器操作 屬性里的安全措施選項卡中,選擇 阻止,點擊確定。在篩選器操作選項卡中會多出一個阻止的選項,選中它。
總之,在IP篩選器列表中你要選中你建的那個列表,篩選器操作中要選中阻止。然后點擊應(yīng)用以后關(guān)閉。
現(xiàn)在回到 IP安全策略 屬性 這里,把你建的IP篩選器列表鉤上,點擊關(guān)閉。
這時,在你最開始打開的 本地安全設(shè)置里 會多出一個策略,就是你建立的
“阻止192.168.1.163”。在它身上點右鍵,選擇指派,就OK了。
方法2、通過共享文件夾權(quán)限設(shè)置軟件、共享文件權(quán)限管理軟件來實現(xiàn)阻止特定電腦訪問共享文件夾。
如果你覺得上面的方法比較復(fù)雜,則也可以通過第三方軟件的方式來阻止特定電腦訪問服務(wù)器共享文件,相對更為簡單、快捷。例如,通過“大勢至局域網(wǎng)共享文件管理系統(tǒng)”(下載地址:http://www.grablan.com/gongxiangwenjianshenji.html),在局域網(wǎng)共享文件服務(wù)器上安裝之后,就可以自動掃描到當(dāng)前服務(wù)器所有共享文件夾,以及服務(wù)器上所有賬號,然后就可以設(shè)置不同賬號訪問共享文件夾的不同權(quán)限。本系統(tǒng)可以實現(xiàn)只讓讀取共享文件而禁止復(fù)制共享文件內(nèi)容、只讓打開共享文件而禁止另存為本地磁盤、只讓修改共享文件而禁止刪除共享文件,以及禁止拖拽共享文件等,防止將共享文件存儲在本地進而泄密的行為。如下圖所示:
圖:大勢至共享文件權(quán)限管理軟件
針對禁止局域網(wǎng)某個電腦訪問共享文件、禁止特定IP地址訪問共享文件的設(shè)置,一方面可以通過大勢至局域網(wǎng)共享文件管理系統(tǒng),設(shè)置禁止某個某個賬號訪問共享文件夾;另一方面,也可以通過MAC地址的方式來阻止某個MAC地址訪問共享文件夾,這樣則更為精準有效,畢竟阻止IP地址的方法一旦當(dāng)用戶更改了IP地址就無法控制了。具體設(shè)置方法如下:
首先,點擊“大勢至局域網(wǎng)共享文件管理系統(tǒng)”的“全局設(shè)置”,然后選擇“啟用MAC方式訪問共享”,然后我們就會在系統(tǒng)的“用戶列表”框內(nèi)看到某個MAC地址,然后選擇對應(yīng)的共享文件夾,選擇此MAC地址,然后再勾選“禁止讀取”,就可以阻止此MAC地址訪問共享文件了。如下圖所示:
圖:設(shè)置禁止讀取共享文件
至此,我們就成功禁止某個mac地址訪問服務(wù)器共享文件了。
器共享文件了。
*請認真填寫需求信息,我們會在24小時內(nèi)與您取得聯(lián)系。