整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          Firefox 88開始:“以安全模式重啟瀏覽器”更名為“故障排除模式”

          最新的 Firefox 88 版本中,幫助菜單中的“以安全模式重啟瀏覽器”獲得了全新的名稱--“故障排除模式”(Troubleshoot mode)。在該模式下,Firefox 會禁用所有附加組件重啟瀏覽器,從而幫助用戶修復某些問題。

          在該模式下 Firefox 會禁用擴展程序、主題、JIT(Just-in-Time)JavaScript編譯器,關閉硬件加速,忽略 UserContent.css 和UserChrome.css。要退出安全模式,請關閉并重新打開 Firefox 或選擇“啟用附加組件后重新啟動”選項。

          而現在 Mozilla 將這個幫助菜單中這兩個選項分別更名為“故障排除模式”和“關閉故障排除模式”。菜單項重新命名了,但功能還是一樣。

          家好,我是 Echa。

          今天來分享 50 個超實用的 Chrome 瀏覽器擴展!

          JSON

          1. JSON Viewer Pro

          JSON Viewer Pro 用于可視化JSON文件。其核心功能包括:

          • 支持將JSON數據進行格式化,并使用屬性或者圖表進行展示;
          • 使用面包屑深入遍歷 JSON 屬性;
          • 在輸入區寫入自定義 JSON;
          • 導入本地 JSON 文件;
          • 使用上下文菜單下載 JSON 文件;
          • 網址過濾器;
          • 改變主題;
          • 自定義 CSS ;
          • 復制屬性和值;

          輸入界面如下:

          格式化之后:

          2. JSONVue

          JSONVue 是一個JSON數據查看器,主要用來格式化JSON數據:

          網站技術

          3. Library Sniffer

          Library Sniffer 是一款給開發者使用的工具,能夠探測當前網頁所使用的類庫、框架和服務器環境,為開發者提供了方便。

          4. Wappalyzer

          Wappalyzer 擴展可以用來識別網站背后的底層技術。通過此擴展,可以了解特定應用程序是否是用 React、Vue、Angular、PHP等編寫的。還可以訪問有關 Web 服務器、編程語言、框架、內容管理系統、分析的信息工具、數據庫等。

          5. WhatRuns

          WhatRuns 擴展程序只需單擊一下即可找到任何網站上使用的技術。

          開發調試

          6. PerfectPixel by WellDoneCode

          使用PerfectPixel插件可以將設計圖加載至網頁中,與已成型的網頁進行重疊對比,以幫助開發和設計人員規范網頁像素精度。這是一款可以優化前端頁面顯示的Chrome插件。

          7. Clear Cache

          可以使用此擴展程序快速清除緩存,無需任何確認對話框、彈出窗口等??梢栽谶x項頁面上自定義要清除的數據和數量,包括:應用程序緩存、緩存、Cookie、下載、文件系統、表單數據、歷史記錄、索引數據庫、本地存儲、插件數據、密碼和 WebSQL。

          8. VisBug

          VisBug 是一個使用 JavaScript 構建的開源網頁設計調試工具,它可以讓用戶使用點擊式和拖放式界面來查看網站的元素。

          9. Debug CSS

          Debug CSS 是一個幫助調試CSS的插件。他可以顯示出頁面元素的輪播,按住Ctrl,并將鼠標懸浮在元素上,即可查看其信息:

          10. CSS Viewer

          CSS Viewer 是一款適用于 Web 開發人員的高效 Chrome 擴展。顧名思義,CSS 查看器可以顯示將鼠標懸停在任何網頁上的元素的 CSS 屬性。

          11. EditThisCookie

          EditThisCookie 是一個 cookie 管理器??梢蕴砑樱瑒h除,編輯,搜索,鎖定和屏蔽cookies。

          12. React Developer Tools

          React Developer Tools 是開源 JavaScript 庫 React 的 Chrome DevTools 擴展。它允許我們在 Chrome 開發者工具中檢查 React 組件層次結構。安裝此插件之后,將在 Chrome DevTools 中獲得兩個新選項卡:"?? Components" 和 "?? Profiler":

          • Components 選項卡顯示了在頁面上呈現的根 React 組件,以及它們最終呈現的子組件;
          • Profiler 選項卡用來記錄性能信息。

          13. Vue.js devtools

          Vue.js devtools 是一款基于chrome瀏覽器的用于調試Vue.js應用程序的插件,可以使得開發人員大大提高調試效率。支持用戶對DOM結構數據結構進行解析和調試功能。

          14. Augury

          Augury 可以幫助開發人員在 Google Chrome 瀏覽器中調試和分析 Angular 應用程序。

          15. Firebug Lite for Google Chrome

          Firebug Lite是火狐瀏覽器中著名的開發者工具firebug插件移植到Chrome中的插件,在Chrome中安裝了Firebug Lite插件以后,開發人員可以像在火狐瀏覽器中使用firebug一樣熟悉的方式來調試網頁內容,其包含了基本的HTML、CSS以及Javascript的調試功能,用于幫助網頁前端開發工程師快速地調試網頁,以便及時地找到網頁中的BUG并及時修復。

          16. HTML Validator

          HTML Validator 在 Chrome 的開發者工具中添加了 HTML Validator。HTML 頁面的錯誤數通過瀏覽器狀態欄中的圖標顯示,詳細信息可以在瀏覽器的開發者工具中查看。

          17. Web Developer

          Web Developer 擴展為帶有各種 Web 開發工具的瀏覽器添加了一個工具欄按鈕。該擴展適用于 Chrome 和 Firefox,并且可以在這些瀏覽器支持的任何平臺上運行,包括 Windows、macOS 和 Linux。

          18. Requestly

          Requestly 是一款Chrome和Firefox瀏覽器插件,提供URL轉發、修改HTTP請求和結果、插入腳本等功能。

          19. Window Resizer

          Window Resizer 主要用來調整瀏覽器窗口的大小以模擬各種屏幕分辨率。

          20. Responsive Viewer

          Responsive Viewer 是在一個視圖中顯示多個屏幕的 Chrome 擴展程序。該擴展將幫助前端開發人員在開發響應式網站/應用程序時測試多個屏幕。

          21. Moesif Origin & CORS Changer

          此插件允許直接從瀏覽器發送跨域請求,而不會收到跨域錯誤??梢允褂么瞬寮采w Request Origin 標頭,并將 Access-Control-Allow-Origin 設置為 *.

          22. ColorPick Eyedropper

          ColorPick Eyedropper 是一個放大的吸管和顏色選擇器工具,可讓從網頁等中選擇顏色值。

          23. CSSPeeper

          CSS Peeper 用于檢查和復制元素樣式的優秀工具,使用 CSSPeeper 可以將鼠標懸停在網頁中的任何元素上,然后單擊鼠標即可復制元素的樣式。

          24. Dimensions

          Dimensions是一款能幫助使用者對網頁上各種元素屬性之間的距離進行測量的Chrome頁面元素測量插件,該插件在點擊啟動插件圖標后,可以對頁面中圖像、輸入字段、按鈕以及視頻等頁面元素之間上下左右的方位尺寸進行測量,同時還可以通過使用快捷鍵來快速啟用或關閉該插件的功能,簡單實用。

          25. Site Palette

          Site Palette 用于生成調色板。設計師和前端開發人員必備的工具。可以通過這款插件輕松獲取網站的配色方案。

          26. ColorZilla

          ColorZilla 是一款功能強大地提取網頁色彩的工具;也是個快速的對顏色進行調節的Chrome插件,許多的用戶將這款軟件稱呼為顏色吸取插件,它提取的顏色是非常的多樣化,還可生產css顏色的代碼等。

          • 吸管器-獲取頁面上任何像素或區域的顏色;
          • 一個先進的顏色選擇器類似于可以在Photoshop和Paint Shop Pro中找到的;
          • 網頁顏色分析器-分析任何網頁上的DOM元素顏色,找到相應的元素;
          • 終極CSS梯度發生器;
          • 調色板查看器與7預先安裝調色板;
          • 顏色歷史最近挑選的顏色;
          • 顯示標簽名稱,類別,編號,大小等元素信息;
          • 光標下的輪廓元素;
          • 自動將生成或采樣的顏色復制到CSS RGB,Hex和其他格式的剪貼板;
          • 使用鍵盤快速采樣頁面顏色的鍵盤快捷鍵。

          字體

          27. WhatFont

          當我們想查看網頁中文字的字體時,最常用的方法就是在控制臺查看文字的字體樣式。那還有沒有更簡單的方法呢?WhatFont 就是一個查看網頁字體的Chrome擴展。只需要的點擊擴展圖標,再點需要查看為文字即可:

          28. Fonts Ninja

          Fonts Ninja 可以從任何網站識別字體、添加書簽、試用并購買它們。

          標簽頁

          29. BrowserStack

          使用 BrowserStack 快速啟動擴展在任何瀏覽器中啟動一個新的測試會話。最多可設置 12 個瀏覽器以實現快速訪問并最大限度地減少切換瀏覽器所花費的時間。

          30. Toby

          Toby 是一款 Chrome 新標簽頁工具,能夠將未讀的標簽頁分組顯示在新標簽頁中,這樣就能把所有未看完的標簽頁都關閉了。分組相當于多個 Chrome 窗口,將你的標簽頁都拖進 Toby 中,就不需要實時開著占地方了。

          31. daily.dev

          該擴展提供了每日熱門開發者新聞,不需要再浪費時間搜索高質量的文章了。

          32. Momentum

          Momentum 擁有漂亮的新標簽頁面,每日更新精彩背景壁紙圖片,可設置每日新鮮事焦點以及跟蹤待辦事項,無廣告,無彈窗。

          33. The Great Suspender

          The Great Suspender 是一個輕量級的擴展用來減少 Chrome 的內存占用。如果同時打開許多選項卡,在可配置的時間之后未查看的選項卡將在后臺自動掛起,從而釋放該選項卡消耗的內存和 CPU。

          34. Session Buddy

          Session Buddy是一個可以幫助用戶查看、新增、編輯當前網站Session狀態的Chrome插件。用戶可以利用該插件保存網站當前的狀態以便在關閉Chrome或關閉計算機后恢復,從而達到節省內存的作用。

          Github

          35. Octotree

          Octotree 旨在讓 GitHub 體驗更好。通常,為了檢查 Github 中的子文件夾,需要手動單擊文件夾并導航。Octotree 擴展解決了這個問題。此擴展在項目的左側顯示存儲庫的目錄結構,這有助于更好地理解文件夾結構。

          1_EKF88oqIyX6FzgueCKdtXg.gif

          36. File Icons for GitHub and GitLab

          File Icons for GitHub and GitLab 可以將 GitHub 和 GitLab 上的原始文件圖標替換為特定文件類型的圖標。

          網頁測試

          37. axe DevTools

          ax DevTools 是一個快速、輕量級但功能強大的測試工具,由 Deque 開發的世界上最值得信賴的可訪問性測試引擎 axe-core 驅動。使用 ax DevTools 在網站開發過程中查找并修復更多可訪問性問題。

          38. OctoLinker

          OctoLinker 可以將特定語言的語句(如 include、require 或 import)轉換為鏈接。當打開一個包含多個導入語句的文件并且想要快速打開它時,只需將鼠標懸停在鏈接的文件上并單擊即可打開。

          39. Web Developer Checklist

          此擴展可幫助 Web 開發人員分析網頁是否違反最佳實踐。

          40. Check My Links

          Check My Links 是一個鏈接檢查器,它可以抓取網頁并查找損壞的鏈接。

          41. Checkbot

          Checkbot 是用于驗證一組HTML頁面上的鏈接的工具。Checkbot可以檢查一個或多個服務器上的單個文檔或一組文檔。它會創建一個報告,該報告匯總了引起某種警告或錯誤的所有鏈接。

          42. PageSpeed Insights

          Google Page Speed Insighs 是一款旨在優化所有設備上的網頁、提高網頁加載速度的工具。

          43. Meta SEO Inspector

          META SEO inspector是一款可以幫助用戶分析網頁的meta信息并得到SEO評估的谷歌瀏覽器插件。

          隱私廣告

          44. Ghostery

          Ghostery 是強大的隱私保護擴展程序。其主要有以下功能:

          • 攔截廣告:Ghostery 內置的廣告攔截工具可以移除網頁上的廣告,防止網頁雜亂無章,讓你專注于想看的內容。
          • 保護隱私:利用 Ghostery 可以查看和攔截所瀏覽的網站上的跟蹤器,控制收集數據的跟蹤器。增強反跟蹤功能還能將數據匿名化,進一步保護隱私。
          • 提高瀏覽速度:Ghostery 的智能攔截功能可以自動攔截和取消攔截跟蹤器來滿足網頁質量標準,提高網頁加載速度,優化網頁性能。

          45. AdBlock

          AdBlock 用來在YouTube、Facebook、Twitch和其他你喜愛的網站上攔截廣告和彈窗。

          效率工具

          46. Marinara

          番茄工作法(Pomodoro?)時間管理助理。? 長短兩種休息時間 ? 帶有倒計時顯示的工具欄圖標 ? 追蹤Pomodoro歷史和統計訊息 ? 可配置的長休間隔 ? 可配置的定時器時長 ? 桌面與新標簽頁通知 ? 超過20種音效可選的聲音通知 ? 計時器秒針走動音效

          47. Loom

          Loom 可以用來快速錄制視頻,并且能夠將錄制的視頻上傳到指定的網頁中,Loom還支持在用戶點擊啟動插件時,立即捕捉屏幕圖像,同時開始視頻錄制操作,還可以將錄制好的視頻復制到粘貼板中存儲。

          48. GoFullPage

          GoFullPage 是一款全屏截圖插件(整個網頁截圖),完整捕獲您當前頁面的屏幕,進行滾動截圖,而無需任何額外的權限。單擊擴展程序圖標,然后將其傳輸到屏幕快照的新標簽頁中,可以在其中將其下載為圖像或PDF,甚至只需拖動即可,保存到桌面。

          49. BetterViewer

          BetterViewer 可以提供更好的圖像查看體驗,旨在替代基于 Chrome 瀏覽器中內置的圖像查看模式。使用時,只需在頁面右鍵點擊圖片,選擇“在新標簽頁中打開圖片”即可。

          50. svg-grabber

          svg-grabber 是一個快速預覽并從網站獲取所有 svg 的工具??梢杂脕眍A覽、下載和復制網站中所有 SVG 圖標和插圖的代碼。


           在衡量網站性能時,有一個指標稱為跳出率。它反映了有多少訪客在僅查看一頁后離開該站點。網站的跳出率非??煽康刂甘玖嗽L客的第一印象是好是壞。跳出率很高時,需要對網站進行一些更改。

            本文bluehost美國主機小編將解釋訪客過早離開網站的最常見原因。出于各種原因,我們還提供了一些如何避免網站被遺棄的可行建議。



            技術原因

            在某些情況下,網站的跳出率很高是由于技術因素。網站性能不佳,缺乏安全性,對多媒體的不恰當使用以及對移動設備不友好的設計等,都可以大大縮短訪客在網站上的停留時間。

            網站加載太慢

            如果網站在幾秒鐘內沒有加載,訪客就會離開。他們會在其他地方尋找所需的內容,轉到了他們認為能正常工作的網站。

            這看起來似乎很苛刻,但這就是緩慢加載的網站如何影響業務的現實——訪客不僅離開網站,還進入了競爭對手的網站!

            如果站點加載緩慢,很可能是對罪魁禍首進行了過度的成像。除了確定圖像的最佳大小和比例之外,還有許多其他方法可以改善網站加載時間,例如限制腳本、壓縮HTML文件、最小化服務器請求以及實施瀏覽器緩存。提高網站的速度不僅可以阻止訪客離開,而且對SEO也非常有用!

            網站似乎不安全

            當安全意識強的用戶離開站點時,通常是由于他們看不到的東西,而不是他們所看到的。

            一方面,如果網站的URL沒有以“https”開頭,則沒有SSL證書,這意味著瀏覽器的通信不會被加密。

            安全擔憂可能會使訪客遠離站點。安裝SSL證書以避免訪客對站點感到不安全。網站收集用戶的個人信息或接受在線付款時,這尤其重要。

            還應該在站點上突出顯示公認的信任符號,比如,來自信譽良好的網站安全提供商的安全徽章。運行安全的網站,能使訪客感覺到業務值得信賴,并且他們會在網站上停留更長的時間。

            彈窗過多或彈窗太頻繁

            彈窗可以增加轉化次數,但也會使客戶流失。如果網站顯示了太多的彈窗,或者在訪客有機會瀏覽站點之前彈窗首先出現,那么將失去很多人。

            除了限制只使用被證明有積極影響的彈窗外,還應確??梢暂p松消除每個彈窗。另外,確保訪客再次訪問站點時,將某些彈窗設置為不會再次顯示。

            雖然濫用彈窗可能會損害跳出率,但實際上,有一種類型的彈窗有助于把訪客留在網站中:退出意圖彈出式窗口。

            使用正確的插件可以輕松實現退出意圖,并能跟蹤訪客的鼠標移動并檢測訪客何時離開站點。令人信服的“等待,不要離開!”之類的信息可以防止新客戶關系還沒開始就結束。

            網站不適合移動設備

            大多數人使用移動設備訪問網絡。網站不能在手機和平板電腦上正常顯示和運行,會導致很大一部分目標受眾在查看內容的幾秒鐘內離開。

            查看網站設計是否在移動設備上可用的一種方法是通過Google的“移動友好測試”進行檢查。

            擁有大量資源的公司通常會創建其網站的單獨版本,該版本針對移動訪問進行了優化。對大多數小企業而言,該解決方案并不可行。

            實施響應式設計對于小企業主來說是一種更為實用的方法。響應式設計能根據所使用屏幕的大小來顯示不同的內容。

            如果在運營一個WordPress網站,并且不想涉足響應式設計的細節,就可使用一個名為“響應式”的主題,以及其他專門用于使內容在移動設備上更容易訪問的許多主題。

            站點自動播放音頻或視頻

            任何類型的自動播放媒體都會給用戶帶來極大的困擾。從本質上講,它是一種訪客驅逐劑。

            一方面,自動加載的音頻或視頻會使網站變慢。如果訪客首先看到的是緩沖視頻,他們會嘲笑,翻白眼,然后轉到競爭對手的網站。

            長期客戶可能是唯一比新訪客更不喜歡自動播放視頻的人。他們已經知道內容,不希望每次訪問時都被提供這些信息。

            如果堅持要自動播放某些內容,不要在訪客到達網站后立即進行。等待他們有機會消費某些內容。不過更好的辦法是,僅使內容可用,并且用戶可以選擇在方便時使用它。

            內容和設計原因

            本節描述了一些與網站內容和設計有關導致跳出率偏高的原因。

            設計強調形式而非功能

            訪客通常會在看到網站的幾秒鐘內做出快速判斷。如果全部努力導致網站在視覺上不吸引人,人們就會轉身離開。但這幾乎從來不是問題。

            對于網站所有者而言,創建一個強調美觀而非易用性的網站(反之亦然),能迫使訪客離開一個速度不夠快的網站。

            因此,發布用戶不會立即離開網站的關鍵是,在形式和功能之間取得平衡。

            專注消除視覺混亂,確保網站有足夠的空白,并注意所使用的字體。最易讀的是無襯線字體(如Arial),大小為16px(像素)或更大??梢越档偷?2px,但不能更小。

            如今,大多數網站都使用大字體和簡約設計。遵循這樣的潮流永遠不會有什么壞處,但是要時刻關注用戶品味的變化,并隨時準備更新站點的外觀以做出響應。

            圖像無法產生作用

            網站上放置正確的圖像能在降低跳出率方面發揮很大作用。它有助于和訪客建立聯系,吸引他們,并使他們想要瀏覽更多站點。

            錯誤的圖像可能會產生相反的效果。要考慮訪客是誰,使用能引起他們共鳴的照片來設計網站。

            與網站圖片相關的一個因素是更多的展示位置而非內容。在訪客開始滾動之前看到的主頁或登錄頁面部分,不應使用“一屏顯示”的大型圖像。頁面上該部分的圖像不僅會對加載時間產生負面影響,還將占用寶貴的頁面資源,這些資源本可用于更好地傳達價值主張。 更多內容參考:>>>降低網站跳出率必須先解決的5大問題

            內容不正確或過時

            評估網站時,并非只有搜索引擎將公認的權威作為關鍵因素,人類也是如此。

            用戶看到博客內容、產品說明或視頻教程中包含過時或不正確的信息時,利基市場中的權威地位將煙消云散。幾秒鐘后,該用戶會在瀏覽競爭對手的網站。

            網站內容保持最新、詳細和準確,將使其對目標受眾更加有用。定期更新博客。在每篇文章的標題附近顯示新的發布日期。如果經營一個電子商務網站,確保描述的不是去年型號的產品。

            用戶很有可能會把內容與競爭對手的內容進行比較。如果說的話之間存在重大差異,并且事實證明自己網站是錯誤的,那肯定會失去訪客。另一方面,網站上有對目標受眾有用的最新、準確的信息時,跳出率將非常低。

            網站難以瀏覽

            網站失去訪客需要多少次點擊?不太多。網站難以瀏覽,則用戶將無法找到他們尋找的東西。他們會搜索一會兒,但是點擊幾下后他們會放棄并轉到其他地方。

            了解訪客最可能想要訪問的內容是避免該問題的關鍵之一,然后使該內容高度可用。經營一家在線商店時,一個很好的例子就是網站的配送詳細信息。幾乎每個客戶都想知道運費是多少,確保他們不必打開子菜單來查找信息。

            任何企業(即便僅具有中等規模的產品線)都需確保其網站具有易于使用的菜單,并對產品進行正確分類。否則,訪客找不到所需的內容時會感到困惑或沮喪。

            與訪客意圖有關的原因

            有時,人們訪問網站的原因與他們在網站上找到的內容之間存在很大的脫節。針對了錯誤的人,或者網站無法交付訪客期望的內容時,通常會發生這種情況。

            外展針對了錯誤的受眾

            如果網站的性能統計數據表明有許多人訪問網站并立即離開,那可能是因為促銷廣告和反向鏈接最終出現在了錯誤的人面前。

            網站無法滿足用戶的期望

            潛在客戶能通過多種方式找到網站。它可能是通過利基相關博客中的反向鏈接,也可能是為吸引訪客而專門創作的社交媒體帖子。

            無論用戶如何了解到網站,他們都會對在這里找到的東西抱有一些期望。如果他們發現不符合期望,將立即單擊“后退”按鈕。

            贊美產品的優點時,為訪客撰寫的博客可能有點過分。為引起人們的關注,也許廣告文案稍微夸大了價值主張。

            對業務產生興趣很困難,但是要使消息誠實并確保它們準確地代表所提供的內容,這很值得。如果信息足以吸引訪客,但網站內容無法支持,那么獲得的非常簡短的頁面瀏覽量將是一次空洞的勝利,

            降低網站的跳出率并將其保持在較低水平

            遵循本文中的建議,將跳出率降低到合理的數值是可行的,但這不是一次性的任務。

            對于任何可能會使網站變慢的設計或內容更改,都必須采取措施以確保加載時間保持可接受的。需要抵制增加彈窗使用量的沖動。必須維護針對移動設備優化的設計。持續不斷的要求使內容保持最新,轉自bluehost博客。


          主站蜘蛛池模板: 国产免费av一区二区三区| 国产av夜夜欢一区二区三区| 久夜色精品国产一区二区三区| 无码丰满熟妇浪潮一区二区AV| 狠狠色综合一区二区| 亚洲一区AV无码少妇电影| 成人欧美一区二区三区在线视频| 极品尤物一区二区三区| 午夜DV内射一区区| 在线视频一区二区三区三区不卡 | 亚洲AV噜噜一区二区三区| 亚洲综合无码一区二区痴汉| 国产一区二区三区免费看| 手机看片一区二区| 国产一区二区三区小说| 一区精品麻豆入口| 国产精品亚洲午夜一区二区三区| 国产成人一区二区三区高清| 久久精品一区二区三区资源网| 亚洲综合一区二区| 好吊视频一区二区三区| 精品深夜AV无码一区二区老年| 一区二区三区精品视频| 中文字幕AV一区二区三区人妻少妇| 精品国产一区二区三区久久影院| 国产亚洲日韩一区二区三区| 久久久无码精品人妻一区| 日韩人妻无码一区二区三区久久99 | 四虎一区二区成人免费影院网址 | 亚洲一区二区三区高清在线观看 | 无码国产精品一区二区免费3p| 亚洲日韩AV一区二区三区四区| 三级韩国一区久久二区综合| 3d动漫精品一区视频在线观看| 一区二区福利视频| 深田咏美AV一区二区三区| 寂寞一区在线观看| 亚洲乱码国产一区网址| 精品国产日韩亚洲一区在线| 射精专区一区二区朝鲜| 插我一区二区在线观看|