1. 程式人生 > >Chrome個人常用配置記錄.md

Chrome個人常用配置記錄.md

一、常用快捷鍵(Mac)

Ctrl + Shift + T:開啟剛關閉的頁面
Ctrl + H:開啟歷史瀏覽記錄
⌘ + Shift + i:開啟控制檯除錯模式

Vimium快捷鍵(Shift + /:檢視幫助)

預設快捷鍵用的還是不爽,有些是為了與vi一致而定義,其實沒有必要,chrome天天用,可以全新定義一套快捷鍵,並不會混淆。

  1. 複製關鍵字,按p即可新建tab,並進入google搜尋。
  2. 複製網址,按p即可在新tab打開復制的連結。
  3. o,輸入關鍵字,即可新建tab,並進入google搜尋,也可以全域性搜尋訪問過、收藏夾內連結。
    Vimium自定義常用快捷鍵
自定義常用快捷鍵配置

清空所有預設的快捷鍵,並定義自己常用快捷鍵:Vimium Options -> Custom key mappings

# Insert your preferred key mappings here.
unmapAll # 清空預設的所有快捷鍵
map j previousTab # 切換至左邊tab
map k nextTab # 切換至右邊tab
map gj firstTab # 切換第一個tab
map gk lastTab # 切換至最後一個tab
map d scrollDown # 頁面向下滾動
map t scrollUp # 頁面向上滾動
map gt scrollToTop # 滾到頂部
map gd scrollToBottom # 滾到底部
map s Vomnibar.activateTabSelection # 檢視當前所有開啟的tab
map f LinkHints.activateMode # 啟用當前頁面所有連結
map yy copyCurrentUrl # 複製當前頁面url
map gs toggleViewSource # 檢視頁面原始碼
map i focusInput # 定位第一個input
map gp openCopiedUrlInCurrentTab # 當前tab打開復制的連結
map p openCopiedUrlInNewTab # 新tab打開復制的連結
map go Vomnibar.activate # 從收藏夾和歷史記錄中搜索連結,並在當前tab開啟
map o Vomnibar.activateInNewTab # 從收藏夾和歷史記錄中搜索連結,並在新tab開啟
map b goBack # 後退
map gb goForward # 前進

二、現用外掛

  • AddJS
  • Tampermonkey
    油猴指令碼,正則匹配目標訪問網站,執行自定義JS指令碼。
  • Always Clear Download 2
    chrome下載檔案,下載完成後,瀏覽器底部總是會一顯示已下載的檔案,每次都要手動關閉,特別煩,通過此外掛,在下載完成後會自動隱藏。
  • Axure RP Extension for Chrome
    支援瀏覽Axure RP匯出的原型頁面。
  • Clear Cache
  • crxMouse Chrome™ 手勢
  • DownFaster
    快速下載網頁內所有靜態資原始檔。
  • EditThisCookie
  • Markdown Here(快捷鍵ctrl+shift+M)
    在所有目標訪問網站裡用markdown編寫內容後,可快速轉換為html。
  • Set Character Encoding
  • Stylebot-為任意網站自定義主題
  • Video Downloader professional
  • Vimium
    The Hacker’s Browser. Vimium provides keyboard shortcuts for navigation and control in the spirit of Vim.
  • Vue.js devtools
  • WEB前端助手(FeHelper)
  • 書籤側邊欄
  • 劃詞翻譯
  • 基金定投助手
  • 極簡圖床
  • 簡單 QR 生成器
  • 網頁截圖
  • 購物黨全網自動比價工具

三、前端開發除錯

1. 移動端模擬(⌘ + Shift + i)

儲存網頁上下文請求日誌:Network -> Preserve log.
image.png

2. console使用

console.log  // 用於輸出普通訊息
console.info  // 用於輸出提示性資訊
console.error  // 用於輸出錯誤資訊
console.warn  // 用於輸出警示資訊
console.debug  // 用於輸出除錯資訊
console.table  // 使用者於輸出陣列物件