關(guān)于【chrome開發(fā)者工具各種騷技巧】，今天乾乾小編給您分享一下，如果對您有所幫助別忘了關(guān)注本站哦。

內(nèi)容導(dǎo)航：1、chrome開發(fā)者工具各種騷技巧：Chrome 開發(fā)者工具各種騷技巧2、chrome開發(fā)者工具各種騷技巧，推薦幾個(gè)實(shí)用的chrome拓展和腳本

1、chrome開發(fā)者工具各種騷技巧：Chrome 開發(fā)者工具各種騷技巧

1、曾經(jīng)，在線調(diào)偽類樣式困擾過你？

2、源代碼快速定位到某一行！ctrl + p

3、聯(lián)調(diào)接口失敗時(shí)，后臺(tái)老哥總管你要response？

4、你還一層層展開dom？Alt + Click

5、是不是報(bào)錯(cuò)了，你才去打斷點(diǎn)？

6、你是不是經(jīng)常想不起來，在哪綁定事件的？

7、你是不是打斷點(diǎn)時(shí)還要去改代碼？

8、看dom層級(jí)的最直觀的方式？

9、查一些特定的請求，過濾器用過嗎？

10、在Elements面板調(diào)整dom結(jié)構(gòu)很不方便？

11、想知道，某圖片加載的代碼在哪？Initiator！！

12、不想加載某個(gè)文件了？

多的就不列舉了，可以看看開頭的網(wǎng)站。看了有幾個(gè)功能我電腦（win10）是沒有的，應(yīng)該跟chrome版本有關(guān)。

開發(fā)者工具的功能確實(shí)挺多，多得有時(shí)根本用不上，官網(wǎng)教程建議每個(gè)前端人員都看看：

中文版：https://www.html.cn/doc/chrome-devtools/

2、chrome開發(fā)者工具各種騷技巧，推薦幾個(gè)實(shí)用的chrome拓展和腳本

---

本文共有3343字和29張圖歷經(jīng)兩天完成。作者本著學(xué)生需求角度，進(jìn)行了插件測試、插件體驗(yàn)。

推薦了以下六個(gè)插件數(shù)個(gè)腳本（希望大家耐心地看完，相信你會(huì)發(fā)現(xiàn)新大陸）。

在剛使用使用谷歌瀏覽器時(shí)，大家會(huì)遇到第一個(gè)問題：搜索界面以及搜索框，沒法直接搜索。

那是因?yàn)楣雀铻g覽器默認(rèn)用的是google的搜索引擎，在國內(nèi)現(xiàn)在是打不開google搜索的，所以我們只能更改瀏覽器的搜索引擎。

但你用著用著就發(fā)現(xiàn)：谷歌商店/谷歌學(xué)術(shù)/谷歌地圖等無法使用。

那么這個(gè)如何解決呢？接下來介紹第一款插件：

1 集裝箱

它主要提供四種功能：

谷歌助手：為學(xué)生、科研、開發(fā)等人員提供谷歌加速服務(wù)（簡單說就是你可以直接使用谷歌搜索了/谷歌商店/谷歌地圖了）網(wǎng)盤助手：安裝插件后支持直接下載百度網(wǎng)盤文件、自定義提取碼以及一鍵生成分享鏈接等等，提升你的網(wǎng)盤使用效率。優(yōu) 惠 購 ：以最優(yōu)惠的價(jià)格，把寶貝抱回家。下載衛(wèi)士：拒絕高(捆)速(綁)下載。

除以上之外，它還可以直接將某網(wǎng)頁鏈接轉(zhuǎn)成二維碼（只需右擊）。除此插件還有谷歌訪問助手、谷歌上網(wǎng)助手等都有類似的功能。

2 Infinity

Infinity，基于過去對新標(biāo)簽頁的認(rèn)識(shí)，覺得新標(biāo)簽頁不僅僅如此，應(yīng)該有更棒的功能和極簡的設(shè)計(jì)。今天我們重新定義了新標(biāo)簽頁，一個(gè)追求極簡美學(xué)和一站式服務(wù)體驗(yàn)更少的東西體驗(yàn)更多的功能。新一代的標(biāo)簽頁，一個(gè)更好用，更強(qiáng)大的新標(biāo)簽頁。讓你更優(yōu)雅，輕松地使用chrome（簡單說就是美化搜索界面，見下圖）。

是不是很清爽、簡約、好看。除此之外，你可以定時(shí)更換一些高清壁紙，也可以設(shè)置自己的照片呢。

3 秘塔寫作貓

寫作貓是新一代AI寫作伴侶，幫你推敲用語、斟酌文法、改寫文風(fēng)，還能實(shí)時(shí)同步翻譯。在任何網(wǎng)站進(jìn)入編輯框后，會(huì)自動(dòng)進(jìn)行校對，并用下劃線標(biāo)出錯(cuò)誤。

這是我最近發(fā)現(xiàn)的一款優(yōu)質(zhì)插件，對于現(xiàn)在需要寫知乎/公眾號(hào)文章和寫論文的我來說，簡直是一大糾錯(cuò)神器。

值得稱贊的是它支持直接在135編輯器和其他寫作界面進(jìn)行糾錯(cuò)（和135需要會(huì)員的文本校對功能說拜拜）。

4 5118站長工具箱

對于在寫文章、正在寫畢業(yè)論文學(xué)生來說，內(nèi)容要求原創(chuàng)率高，不能存在大部分抄襲。

這個(gè)寶藏拓展插件，你值得擁有。 它是一款全面、便捷、高效的內(nèi)容創(chuàng)作工具。

體驗(yàn)：這款插件提供的功能非常的多：像查詢網(wǎng)站數(shù)據(jù)，行業(yè)數(shù)據(jù)，對手分析，關(guān)鍵詞查詢等等。

但對于我們大部分的學(xué)生，這顯得有些繁雜。

對我而言，只有智能原創(chuàng)和原創(chuàng)度檢測功能才令我贊不絕口（見下圖）。

測試某篇論文的某段文字，只修改了一句話就成功地將相似度從100%降到87.06%。對于寫論文的我來說，真是如獲至寶！

「溫馨提醒：作為學(xué)生其他功能大家瀏覽了解一下即可。主要能起到幫助的是智能原創(chuàng)和原創(chuàng)度檢測功能。操作：主頁面選擇內(nèi)容神器—在下拉欄中選擇智能原創(chuàng)和原創(chuàng)度檢測。似乎使用次數(shù)過多要收取一定的費(fèi)用。 」

5 圖片下載助手

作為就業(yè)辦助理平時(shí)排版各大公司的招聘信息，文章開頭和封面往往會(huì)將該公司的logo放上來，一般情況下都是直接百度，但圖片的質(zhì)量和尺寸大小卻并不令人滿意。

然而，這款插件就能完美地解決問題：我們可以直接去公司的官網(wǎng)右鍵使用“圖片下載助手”。

以龍湖官網(wǎng)為例

不僅如此它還可以批量下載圖片甚至還可以對圖片的尺寸/分辨率進(jìn)行篩選等（見下圖）。

然后你在對單個(gè)圖片右擊，你又會(huì)發(fā)現(xiàn)寶藏，居然支持生成圖片二維碼，查找類似圖片（見下二圖）。

誰用誰知道，真是相見恨晚啊！

6 油猴tampermonkey

作為稱霸谷歌拓展程序榜首數(shù)年的存在，油猴被用戶尊稱為暴力猴，瀏覽器外掛、一款全能神器。

剛開始接觸油猴，只知道它可以快速下載某盤文件。直到最近，親自去體驗(yàn)才發(fā)現(xiàn)新大陸、新世界。

它的強(qiáng)大主要取決于它是開源的，可以添加眾多腳本，而腳本由全世界程序愛好者創(chuàng)造，供大家免費(fèi)使用。

先給大家介紹幾個(gè)腳本：

腳本一：懶人專用，全網(wǎng)VIP視頻免費(fèi)破解廣告、全網(wǎng)音樂直接下載、百度網(wǎng)盤直接下載、知乎視頻下載等多合一版。長期更新，放心使用。

測試后，可以觀看各網(wǎng)站VIP視頻/下載各網(wǎng)站音樂/百度網(wǎng)盤直接下載。

視頻破解方法：進(jìn)入你想觀看的視頻頁面，點(diǎn)擊網(wǎng)頁左側(cè)VIP圖標(biāo)即可觀看。

音樂下載方法：在音樂網(wǎng)站單曲頁面，點(diǎn)擊頁面左側(cè) VIP按鈕，進(jìn)入下載頁。

網(wǎng)盤功能：腳本網(wǎng)盤下載只適合小量下載，如需大量文件或者超大文件下載，建議購買百度網(wǎng)盤超級(jí)會(huì)員。使用此功能后，你的網(wǎng)盤上就會(huì)出現(xiàn)“下載助手”按鈕。

親測可以直接下載，速度比某盤快了一些

若要高速下載，那么我們就需要其他的插件或軟件的幫忙了：

網(wǎng)盤萬能助手 IDM下載器插件或 XDOWN下載器。

將網(wǎng)盤萬能助手安裝后，網(wǎng)盤上同樣會(huì)出現(xiàn)一個(gè)下載助手按鈕。

先解釋下“下載助手”顯示的各個(gè)按鈕：

網(wǎng)盤萬能助手插件

使用此插件后，它也會(huì)在你的網(wǎng)盤界面上生成一個(gè)下載助手。

之后你就會(huì)發(fā)現(xiàn)，你上面會(huì)有兩個(gè)下載助手（哈哈哈）。那是因?yàn)槠渲幸粋€(gè)是腳本一的下載助手。那么，要如何分辨呢？網(wǎng)盤萬能助手的“下載助手”下會(huì)有下圖顯示標(biāo)志。

IDM下載器插件

IDM是一種將下載速度提高5倍，恢復(fù)和安排下載速度的工具。全面的錯(cuò)誤恢復(fù)和恢復(fù)功能將由于連接丟失，網(wǎng)絡(luò)問題，計(jì)算機(jī)關(guān)閉或意外斷電而重新啟動(dòng)中斷的下載。簡單的圖形用戶界面使IDM用戶友好且易于使用。

IDM結(jié)合網(wǎng)盤萬能助手下載演示

IDM下載速度測試

XDown下載程序

XDown結(jié)合網(wǎng)盤萬能助手下載演示

注：以上方法不支持文件下載，但支持壓縮包哦。

腳本二：AC-baidu:重定向優(yōu)化百度搜狗谷歌搜索_去廣告_favicon_雙列

該腳本主要有三個(gè)功能：

去掉百度、搜狗、谷歌搜索結(jié)果的重定向，回歸為網(wǎng)站的原始網(wǎng)址---附帶有去除百度的廣告 包括百度頂部和底部的垃圾廣告-百家號(hào)（簡單講它可以讓你非常迅速地進(jìn)入網(wǎng)站）默認(rèn)移除百度百家號(hào)的內(nèi)容--應(yīng)廣大群眾的需求添加百度、搜狗、谷歌搜索結(jié)果中Favicon顯示效果

往往我們在使用百度搜索引擎時(shí)，搜索會(huì)先進(jìn)入百度再到目標(biāo)網(wǎng)頁。

而這款腳本直接將中間商抹除，直接到目標(biāo)網(wǎng)頁。其次，就是它強(qiáng)大的去除各種繁雜廣告的功能了。

開啟前：

開啟后：

真是一款超贊的腳本，最喜歡這種清爽的界面了；

安裝這個(gè)就不用Adblock Plus（一款攔截網(wǎng)站上的彈出窗口和煩人的廣告的插件）。

其他腳本

除以上腳本，作為學(xué)生我們還可能用到：

注：測試百度文庫下載，需要關(guān)注其公眾號(hào)獲得暗號(hào)，下載速度一般。這個(gè)嘛，仁者見仁智者見智了。

以上三款網(wǎng)課觀看腳本，因沒有途徑，未進(jìn)行測試。大家自己斟酌哈。還有眾多腳本就不一一介紹了，大家可以自行瀏覽。

腳本下載方法

最后給大家講一下腳本下載的方法：

點(diǎn)擊油猴插件—選擇獲取新腳本—會(huì)出現(xiàn)下圖界面（我使用的是第二個(gè)網(wǎng)站GreasyFork ）

這時(shí)候有人就會(huì)問插件在哪下載？如何加載到谷歌瀏覽器中呢？

插件下載渠道：

極簡插件網(wǎng)：https://chrome.zzzmh.cn/

谷歌商店：http://www.cnplugins.com/

插件安裝方式：

方式一：文件是crx文件。

在谷歌瀏覽器設(shè)置欄中—選擇更多工具—點(diǎn)開拓展程序—接著將下載的插件拖入其中即可

方式二：文件是壓縮包（先解壓）。

在谷歌瀏覽器設(shè)置欄中—選擇更多工具—點(diǎn)開拓展程序—再點(diǎn)擊加載已解壓的拓展程序—找到已解壓的拓展程序即可。

Chrome的靈魂是要配合插件使用，而在國內(nèi)谷歌對應(yīng)的所有網(wǎng)站都是沒辦法上的

大家平常在百度搜到的教程大概都是提供好CRX文件直接安裝的

這種安裝方式的話通常都會(huì)出現(xiàn)“請停用以開發(fā)者模式運(yùn)行的拓展程序”

當(dāng)然這是可以解決的但基本都沒有解決根源

下面聊一種進(jìn)谷歌應(yīng)用商店直接下載的方法 完全免費(fèi) 操作手法也簡單

參考下面這個(gè)文章

推薦幾個(gè)實(shí)用的Chrome拓展程序插件「附安裝教程 」

---

最后的最后，自然是福利時(shí)間啦：

網(wǎng)盤萬能助手插件和XDownr程序獲取：

關(guān)注我，私信后臺(tái)回復(fù)【網(wǎng)盤】即可獲取下載鏈接。

其他的則可以在極簡插件和谷歌商店中下載。

本文關(guān)鍵詞：谷歌開發(fā)者工具，chrome瀏覽器開發(fā)者工具開啟的方法，chrome開發(fā)者工具手機(jī)網(wǎng)頁版，chrome開發(fā)者工具使用教程，谷歌瀏覽器的開發(fā)者工具怎么用。這就是關(guān)于《chrome開發(fā)者工具各種騷技巧，開發(fā)者工具各種騷技巧》的所有內(nèi)容，希望對您能有所幫助！更多的知識(shí)請繼續(xù)關(guān)注《犇涌向乾》百科知識(shí)網(wǎng)站：！