Chrome Tips #3：如何讓每個標籤頁自動打開 Dev Tools

前端工程師在工作時對每個頁面打開 Dev Tools 可以說是剛需，那麼怎麼做到呢？從命令行啟動 Chrome 的時候，給它傳參數 「--auto-open-devtools-for-tabs」 就能實現，新打開的窗口會為每個標籤頁自動打開 Dev Tools，即使是空的標籤頁。

Mac 下的做法是（注意我使用的是 Chrome Canary 版本）：

/Applications/Google Chrome Canary.app/Contents/MacOS/Google Chrome Canary --auto-open-devtools-for-tabsn

懂點命令行的同學，直接在 .bashrc 或者 .zshrc 中添加 alias 就可以把這條命令簡化，甚至可以單獨寫個 shell 並加上隨機啟動。

Windows 下的做法是：

修改 Chrome 的桌面快捷方式，增加啟動參數，如下圖示例，把啟動參數換成上文的就行了

關於這個問題的更多討論可以參照：https://www.google.com/#safe=off&q=auto-open-devtools-for-tabs+%2Bsite:stackoverflow.com

以上，希望對你有用。如果配置遇到問題，歡迎留言討論。