整合營(yíng)銷服務(wù)商
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
電腦端+手機(jī)端+微信端=數(shù)據(jù)同步管理
免費(fèi)咨詢熱線：
捷鍵可以運(yùn)用到很多地方，除了office軟件、除了電腦快捷鍵，我們還可以將其運(yùn)用到瀏覽器中，硬核提高效率。
Ctrl+F/Ctrl+G
網(wǎng)頁(yè)搜索
在瀏覽器中，按快捷鍵鍵【Ctrl+H】，或是【Ctrl+G】，調(diào)出搜索框，即可搜索當(dāng)前頁(yè)面中的內(nèi)容。
Ctrl+T/Ctrl+N
新建標(biāo)簽頁(yè)
我們常常因?yàn)榫W(wǎng)頁(yè)打不開(kāi)，或是刷新不出來(lái)而暴躁，這時(shí)候也許可以新建頁(yè)面，重新輸入網(wǎng)址再跳轉(zhuǎn)試試。【Ctrl+T】或是【Ctrl+N】可以幫助你快速新建一個(gè)標(biāo)簽頁(yè)。
Ctrl+R
刷新網(wǎng)頁(yè)
在網(wǎng)站中，我們想要刷新當(dāng)前頁(yè)面，可以使用F5，其實(shí)【Ctrl+R】也擁有刷新頁(yè)面的功能。
Ctrl+D
tools.pdf24.org/en
Ctrl+D在Word文檔中，可以調(diào)出【字體】功能頁(yè)面，在瀏覽器中，則可以收藏網(wǎng)頁(yè)，按【Ctrl+D】將當(dāng)前頁(yè)面放在收藏夾，隨時(shí)取用。
Ctrl+S
tools.pdf24.org/en
我們知道Ctrl+S是保存的意思，在網(wǎng)頁(yè)中，也是這樣，你可以按快捷鍵【Ctrl+S】，將當(dāng)前網(wǎng)頁(yè)保存為HTML格式。
Ctrl+E
恢復(fù)剛剛刪除的網(wǎng)頁(yè)
Ctrl+E在Word文檔中有居中的功能，在Excel中，可以填充單元格，而在瀏覽器中，則能夠恢復(fù)剛剛刪除的網(wǎng)頁(yè)。
Ctrl+H
查看歷史瀏覽記錄
瀏覽器會(huì)默認(rèn)保存你的歷史瀏覽記錄，如果誤刪了頁(yè)面，或是找不到網(wǎng)站，可以按【Ctrl+H】進(jìn)入歷史瀏覽記錄中查看。
Ctrl+U
查看網(wǎng)頁(yè)源代碼
很多技能中（如網(wǎng)頁(yè)文字可編輯），都會(huì)需要你查看或是更改網(wǎng)頁(yè)的源代碼，這時(shí)候，除了右鍵點(diǎn)擊，還可以用快捷鍵【Ctrl+U】調(diào)出當(dāng)前網(wǎng)頁(yè)的源代碼頁(yè)面。
Ctrl+L
編輯網(wǎng)址
大神一般不會(huì)采取保存或是收藏網(wǎng)站的方式，都會(huì)直接輸入網(wǎng)址跳轉(zhuǎn)，在瀏覽器中，按快捷鍵【Ctrl+L】就可以直接在網(wǎng)頁(yè)的網(wǎng)址編輯框中修改網(wǎng)址了。
Ctrl+J
調(diào)出下載管理器
如果在網(wǎng)頁(yè)中下載文件，卻找不到下載文件的內(nèi)容，也看不見(jiàn)下載進(jìn)度，直接按快捷鍵【Ctrl+J】就可以調(diào)出瀏覽器的下載管理器，查看下載情況。
Ctrl+M
另存為圖片
將當(dāng)前頁(yè)面另存為圖片，這個(gè)比截圖要好用，直接將整個(gè)頁(yè)面保存成圖片格式。
Ctrl+K
復(fù)制當(dāng)前頁(yè)面
如果你想要在瀏覽器中另起一個(gè)同樣的頁(yè)面，按快捷鍵【Ctrl+K】就可以copy當(dāng)前頁(yè)面到新標(biāo)簽中了。
好了，今天的瀏覽器快捷鍵就是這樣，其實(shí)大部分快捷命令都是相通的，我們?cè)诤芏嘬浖锌梢杂每旖萱I搞定，這樣可以更好的提高效率。
是一款輕量級(jí)且非常好用的ide，我平時(shí)用idea開(kāi)發(fā)java，但是開(kāi)發(fā)vue，go和net core會(huì)選擇用vscode，因?yàn)樗膬?nèi)存占用要比idea小很多，下面羅列了些快速使用vscode的信息，方便更換電腦時(shí)可以快速啟用它，涉及常用快捷鍵，個(gè)性化配置，適用于各種語(yǔ)言開(kāi)發(fā)的插件。
（下載，常用快捷鍵，個(gè)性化配置，通用插件，前端插件，java開(kāi)發(fā)插件，go開(kāi)發(fā)插件，c#開(kāi)發(fā)插件）
下載
https://code.visualstudio.com/Download
常用快捷鍵
打開(kāi)命令面板（F1）
快速打開(kāi)（ctrl + P）
注釋行（ctrl + /）
全局搜索（ctrl + shift + F）
清除全部沒(méi)用的import（alt + shift + o）
更多快捷鍵：https://code.visualstudio.com/docs/getstarted/keybindings
個(gè)性化配置
設(shè)為雙擊打開(kāi)文件
設(shè)置里搜索“open mode”，把下拉選項(xiàng)改成doubleClick
取消點(diǎn)擊預(yù)覽功能
設(shè)置里搜索“preview”，點(diǎn)擊工作臺(tái)，把第一個(gè)打勾框的勾去掉
自動(dòng)保存
設(shè)置里搜索“auto save”，選擇afterDelay
通用插件
Live Server
靜態(tài)服務(wù)，方便瀏覽html頁(yè)面，并且修改頁(yè)面后會(huì)立即更新
Material Icon Theme
解決目錄圖標(biāo)不明顯的問(wèn)題
Chinese (Simplified)
中文支持
YAML
支持yml文件的格式
Visual Studio IntelliCode
只能感應(yīng)提示
Tabnine AI Autocomplete
具有AI特性的代碼智能提示
前端開(kāi)發(fā)用到的插件：
Vetur （vue的支持）
Auto Close Tag （自動(dòng)添加HTML/XML的結(jié)束標(biāo)記）
Auto Rename Tag （自動(dòng)完成另一側(cè)標(biāo)簽的同步修改）
Auto Import （自動(dòng)處理import，支持TS和TSX）
JavaScript(ES6) code snippets —— ES6語(yǔ)法智能提示以及快速輸入，除js外還支
Path Intellisense —— 自動(dòng)路徑補(bǔ)全
HTML CSS Support —— 讓 html 標(biāo)簽上寫(xiě)class 智能提示當(dāng)前項(xiàng)目所支持的樣式
vscode-color-picker 方便樣式里直接進(jìn)行顏色選擇
Prettier - Code formatter 代碼格式化
Beautify——格式化代碼，值得注意的是，beautify插件支持自定義格式化代碼規(guī)則
Bracket Pair Colorizer 2——給括號(hào)加上不同的顏色，便于區(qū)分不同的區(qū)塊，使用者可以定義不同括號(hào)類型和不同顏色
open in browser——直接右鍵項(xiàng)目單擊啟動(dòng)
開(kāi)發(fā)java用到的插件：
// java基礎(chǔ)
Extension Pack for Java
Debugger for Java
Maven for Java
Project Manager for Java
Test Runner for Java
Spring Boot Extension Pack
Quarkus
Quarkus snippets
開(kāi)發(fā)go用到的插件：
Go
Go Nightly
開(kāi)發(fā)C#用到的插件：
C#語(yǔ)言開(kāi)發(fā)支持
C# Extensions
Auto-Using for C#
C# XML Documentation Comments
家好，我是 Echa。
今天來(lái)分享 50 個(gè)超實(shí)用的 Chrome 瀏覽器擴(kuò)展！
JSON Viewer Pro 用于可視化JSON文件。其核心功能包括：
輸入界面如下：
格式化之后：
JSONVue 是一個(gè)JSON數(shù)據(jù)查看器，主要用來(lái)格式化JSON數(shù)據(jù)：
Library Sniffer 是一款給開(kāi)發(fā)者使用的工具，能夠探測(cè)當(dāng)前網(wǎng)頁(yè)所使用的類庫(kù)、框架和服務(wù)器環(huán)境，為開(kāi)發(fā)者提供了方便。
Wappalyzer 擴(kuò)展可以用來(lái)識(shí)別網(wǎng)站背后的底層技術(shù)。通過(guò)此擴(kuò)展，可以了解特定應(yīng)用程序是否是用 React、Vue、Angular、PHP等編寫(xiě)的。還可以訪問(wèn)有關(guān) Web 服務(wù)器、編程語(yǔ)言、框架、內(nèi)容管理系統(tǒng)、分析的信息工具、數(shù)據(jù)庫(kù)等。
WhatRuns 擴(kuò)展程序只需單擊一下即可找到任何網(wǎng)站上使用的技術(shù)。
使用PerfectPixel插件可以將設(shè)計(jì)圖加載至網(wǎng)頁(yè)中，與已成型的網(wǎng)頁(yè)進(jìn)行重疊對(duì)比，以幫助開(kāi)發(fā)和設(shè)計(jì)人員規(guī)范網(wǎng)頁(yè)像素精度。這是一款可以優(yōu)化前端頁(yè)面顯示的Chrome插件。
可以使用此擴(kuò)展程序快速清除緩存，無(wú)需任何確認(rèn)對(duì)話框、彈出窗口等。可以在選項(xiàng)頁(yè)面上自定義要清除的數(shù)據(jù)和數(shù)量，包括：應(yīng)用程序緩存、緩存、Cookie、下載、文件系統(tǒng)、表單數(shù)據(jù)、歷史記錄、索引數(shù)據(jù)庫(kù)、本地存儲(chǔ)、插件數(shù)據(jù)、密碼和 WebSQL。
VisBug 是一個(gè)使用 JavaScript 構(gòu)建的開(kāi)源網(wǎng)頁(yè)設(shè)計(jì)調(diào)試工具，它可以讓用戶使用點(diǎn)擊式和拖放式界面來(lái)查看網(wǎng)站的元素。
Debug CSS 是一個(gè)幫助調(diào)試CSS的插件。他可以顯示出頁(yè)面元素的輪播，按住Ctrl，并將鼠標(biāo)懸浮在元素上，即可查看其信息：
CSS Viewer 是一款適用于 Web 開(kāi)發(fā)人員的高效 Chrome 擴(kuò)展。顧名思義，CSS 查看器可以顯示將鼠標(biāo)懸停在任何網(wǎng)頁(yè)上的元素的 CSS 屬性。
EditThisCookie 是一個(gè) cookie 管理器。可以添加，刪除，編輯，搜索，鎖定和屏蔽cookies。
React Developer Tools 是開(kāi)源 JavaScript 庫(kù) React 的 Chrome DevTools 擴(kuò)展。它允許我們?cè)?Chrome 開(kāi)發(fā)者工具中檢查 React 組件層次結(jié)構(gòu)。安裝此插件之后，將在 Chrome DevTools 中獲得兩個(gè)新選項(xiàng)卡："?? Components" 和 "?? Profiler"：
Vue.js devtools 是一款基于chrome瀏覽器的用于調(diào)試Vue.js應(yīng)用程序的插件，可以使得開(kāi)發(fā)人員大大提高調(diào)試效率。支持用戶對(duì)DOM結(jié)構(gòu)數(shù)據(jù)結(jié)構(gòu)進(jìn)行解析和調(diào)試功能。
Augury 可以幫助開(kāi)發(fā)人員在 Google Chrome 瀏覽器中調(diào)試和分析 Angular 應(yīng)用程序。
Firebug Lite是火狐瀏覽器中著名的開(kāi)發(fā)者工具firebug插件移植到Chrome中的插件，在Chrome中安裝了Firebug Lite插件以后，開(kāi)發(fā)人員可以像在火狐瀏覽器中使用firebug一樣熟悉的方式來(lái)調(diào)試網(wǎng)頁(yè)內(nèi)容，其包含了基本的HTML、CSS以及Javascript的調(diào)試功能，用于幫助網(wǎng)頁(yè)前端開(kāi)發(fā)工程師快速地調(diào)試網(wǎng)頁(yè)，以便及時(shí)地找到網(wǎng)頁(yè)中的BUG并及時(shí)修復(fù)。
HTML Validator 在 Chrome 的開(kāi)發(fā)者工具中添加了 HTML Validator。HTML 頁(yè)面的錯(cuò)誤數(shù)通過(guò)瀏覽器狀態(tài)欄中的圖標(biāo)顯示，詳細(xì)信息可以在瀏覽器的開(kāi)發(fā)者工具中查看。
Web Developer 擴(kuò)展為帶有各種 Web 開(kāi)發(fā)工具的瀏覽器添加了一個(gè)工具欄按鈕。該擴(kuò)展適用于 Chrome 和 Firefox，并且可以在這些瀏覽器支持的任何平臺(tái)上運(yùn)行，包括 Windows、macOS 和 Linux。
Requestly 是一款Chrome和Firefox瀏覽器插件，提供URL轉(zhuǎn)發(fā)、修改HTTP請(qǐng)求和結(jié)果、插入腳本等功能。
Window Resizer 主要用來(lái)調(diào)整瀏覽器窗口的大小以模擬各種屏幕分辨率。
Responsive Viewer 是在一個(gè)視圖中顯示多個(gè)屏幕的 Chrome 擴(kuò)展程序。該擴(kuò)展將幫助前端開(kāi)發(fā)人員在開(kāi)發(fā)響應(yīng)式網(wǎng)站/應(yīng)用程序時(shí)測(cè)試多個(gè)屏幕。
此插件允許直接從瀏覽器發(fā)送跨域請(qǐng)求，而不會(huì)收到跨域錯(cuò)誤。可以使用此插件覆蓋 Request Origin 標(biāo)頭，并將 Access-Control-Allow-Origin 設(shè)置為 *.
ColorPick Eyedropper 是一個(gè)放大的吸管和顏色選擇器工具，可讓從網(wǎng)頁(yè)等中選擇顏色值。
CSS Peeper 用于檢查和復(fù)制元素樣式的優(yōu)秀工具，使用 CSSPeeper 可以將鼠標(biāo)懸停在網(wǎng)頁(yè)中的任何元素上，然后單擊鼠標(biāo)即可復(fù)制元素的樣式。
24. Dimensions
Dimensions是一款能幫助使用者對(duì)網(wǎng)頁(yè)上各種元素屬性之間的距離進(jìn)行測(cè)量的Chrome頁(yè)面元素測(cè)量插件，該插件在點(diǎn)擊啟動(dòng)插件圖標(biāo)后，可以對(duì)頁(yè)面中圖像、輸入字段、按鈕以及視頻等頁(yè)面元素之間上下左右的方位尺寸進(jìn)行測(cè)量，同時(shí)還可以通過(guò)使用快捷鍵來(lái)快速啟用或關(guān)閉該插件的功能，簡(jiǎn)單實(shí)用。
Site Palette 用于生成調(diào)色板。設(shè)計(jì)師和前端開(kāi)發(fā)人員必備的工具。可以通過(guò)這款插件輕松獲取網(wǎng)站的配色方案。
ColorZilla 是一款功能強(qiáng)大地提取網(wǎng)頁(yè)色彩的工具；也是個(gè)快速的對(duì)顏色進(jìn)行調(diào)節(jié)的Chrome插件，許多的用戶將這款軟件稱呼為顏色吸取插件，它提取的顏色是非常的多樣化，還可生產(chǎn)css顏色的代碼等。
當(dāng)我們想查看網(wǎng)頁(yè)中文字的字體時(shí)，最常用的方法就是在控制臺(tái)查看文字的字體樣式。那還有沒(méi)有更簡(jiǎn)單的方法呢？WhatFont 就是一個(gè)查看網(wǎng)頁(yè)字體的Chrome擴(kuò)展。只需要的點(diǎn)擊擴(kuò)展圖標(biāo)，再點(diǎn)需要查看為文字即可：
Fonts Ninja 可以從任何網(wǎng)站識(shí)別字體、添加書(shū)簽、試用并購(gòu)買它們。
使用 BrowserStack 快速啟動(dòng)擴(kuò)展在任何瀏覽器中啟動(dòng)一個(gè)新的測(cè)試會(huì)話。最多可設(shè)置 12 個(gè)瀏覽器以實(shí)現(xiàn)快速訪問(wèn)并最大限度地減少切換瀏覽器所花費(fèi)的時(shí)間。
Toby 是一款 Chrome 新標(biāo)簽頁(yè)工具，能夠?qū)⑽醋x的標(biāo)簽頁(yè)分組顯示在新標(biāo)簽頁(yè)中，這樣就能把所有未看完的標(biāo)簽頁(yè)都關(guān)閉了。分組相當(dāng)于多個(gè) Chrome 窗口，將你的標(biāo)簽頁(yè)都拖進(jìn) Toby 中，就不需要實(shí)時(shí)開(kāi)著占地方了。
該擴(kuò)展提供了每日熱門開(kāi)發(fā)者新聞，不需要再浪費(fèi)時(shí)間搜索高質(zhì)量的文章了。
Momentum 擁有漂亮的新標(biāo)簽頁(yè)面，每日更新精彩背景壁紙圖片，可設(shè)置每日新鮮事焦點(diǎn)以及跟蹤待辦事項(xiàng)，無(wú)廣告，無(wú)彈窗。
The Great Suspender 是一個(gè)輕量級(jí)的擴(kuò)展用來(lái)減少 Chrome 的內(nèi)存占用。如果同時(shí)打開(kāi)許多選項(xiàng)卡，在可配置的時(shí)間之后未查看的選項(xiàng)卡將在后臺(tái)自動(dòng)掛起，從而釋放該選項(xiàng)卡消耗的內(nèi)存和 CPU。
Session Buddy是一個(gè)可以幫助用戶查看、新增、編輯當(dāng)前網(wǎng)站Session狀態(tài)的Chrome插件。用戶可以利用該插件保存網(wǎng)站當(dāng)前的狀態(tài)以便在關(guān)閉Chrome或關(guān)閉計(jì)算機(jī)后恢復(fù)，從而達(dá)到節(jié)省內(nèi)存的作用。
Octotree 旨在讓 GitHub 體驗(yàn)更好。通常，為了檢查 Github 中的子文件夾，需要手動(dòng)單擊文件夾并導(dǎo)航。Octotree 擴(kuò)展解決了這個(gè)問(wèn)題。此擴(kuò)展在項(xiàng)目的左側(cè)顯示存儲(chǔ)庫(kù)的目錄結(jié)構(gòu)，這有助于更好地理解文件夾結(jié)構(gòu)。
1_EKF88oqIyX6FzgueCKdtXg.gif
File Icons for GitHub and GitLab 可以將 GitHub 和 GitLab 上的原始文件圖標(biāo)替換為特定文件類型的圖標(biāo)。
ax DevTools 是一個(gè)快速、輕量級(jí)但功能強(qiáng)大的測(cè)試工具，由 Deque 開(kāi)發(fā)的世界上最值得信賴的可訪問(wèn)性測(cè)試引擎 axe-core 驅(qū)動(dòng)。使用 ax DevTools 在網(wǎng)站開(kāi)發(fā)過(guò)程中查找并修復(fù)更多可訪問(wèn)性問(wèn)題。
OctoLinker 可以將特定語(yǔ)言的語(yǔ)句（如 include、require 或 import）轉(zhuǎn)換為鏈接。當(dāng)打開(kāi)一個(gè)包含多個(gè)導(dǎo)入語(yǔ)句的文件并且想要快速打開(kāi)它時(shí)，只需將鼠標(biāo)懸停在鏈接的文件上并單擊即可打開(kāi)。
此擴(kuò)展可幫助 Web 開(kāi)發(fā)人員分析網(wǎng)頁(yè)是否違反最佳實(shí)踐。
Check My Links 是一個(gè)鏈接檢查器，它可以抓取網(wǎng)頁(yè)并查找損壞的鏈接。
Checkbot 是用于驗(yàn)證一組HTML頁(yè)面上的鏈接的工具。Checkbot可以檢查一個(gè)或多個(gè)服務(wù)器上的單個(gè)文檔或一組文檔。它會(huì)創(chuàng)建一個(gè)報(bào)告，該報(bào)告匯總了引起某種警告或錯(cuò)誤的所有鏈接。
Google Page Speed Insighs 是一款旨在優(yōu)化所有設(shè)備上的網(wǎng)頁(yè)、提高網(wǎng)頁(yè)加載速度的工具。
META SEO inspector是一款可以幫助用戶分析網(wǎng)頁(yè)的meta信息并得到SEO評(píng)估的谷歌瀏覽器插件。
Ghostery 是強(qiáng)大的隱私保護(hù)擴(kuò)展程序。其主要有以下功能：
AdBlock 用來(lái)在YouTube、Facebook、Twitch和其他你喜愛(ài)的網(wǎng)站上攔截廣告和彈窗。
番茄工作法（Pomodoro?）時(shí)間管理助理。? 長(zhǎng)短兩種休息時(shí)間 ? 帶有倒計(jì)時(shí)顯示的工具欄圖標(biāo) ? 追蹤Pomodoro歷史和統(tǒng)計(jì)訊息 ? 可配置的長(zhǎng)休間隔 ? 可配置的定時(shí)器時(shí)長(zhǎng) ? 桌面與新標(biāo)簽頁(yè)通知 ? 超過(guò)20種音效可選的聲音通知 ? 計(jì)時(shí)器秒針走動(dòng)音效
Loom 可以用來(lái)快速錄制視頻，并且能夠?qū)浿频囊曨l上傳到指定的網(wǎng)頁(yè)中，Loom還支持在用戶點(diǎn)擊啟動(dòng)插件時(shí)，立即捕捉屏幕圖像，同時(shí)開(kāi)始視頻錄制操作，還可以將錄制好的視頻復(fù)制到粘貼板中存儲(chǔ)。
GoFullPage 是一款全屏截圖插件（整個(gè)網(wǎng)頁(yè)截圖），完整捕獲您當(dāng)前頁(yè)面的屏幕，進(jìn)行滾動(dòng)截圖，而無(wú)需任何額外的權(quán)限。單擊擴(kuò)展程序圖標(biāo)，然后將其傳輸?shù)狡聊豢煺盏男聵?biāo)簽頁(yè)中，可以在其中將其下載為圖像或PDF，甚至只需拖動(dòng)即可，保存到桌面。
BetterViewer 可以提供更好的圖像查看體驗(yàn)，旨在替代基于 Chrome 瀏覽器中內(nèi)置的圖像查看模式。使用時(shí)，只需在頁(yè)面右鍵點(diǎn)擊圖片，選擇“在新標(biāo)簽頁(yè)中打開(kāi)圖片”即可。
svg-grabber 是一個(gè)快速預(yù)覽并從網(wǎng)站獲取所有 svg 的工具。可以用來(lái)預(yù)覽、下載和復(fù)制網(wǎng)站中所有 SVG 圖標(biāo)和插圖的代碼。
*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。
