chrome開發者工具使用技巧

複製斷點的物件變數
http://superuser.com/questions/777213/copy-json-from-console-log-in-developer-tool-to-clipboard
1. 斷點時，在console打印變數，然後右鍵"Store as global variable"

2. console會印出變數的名字，如 temp1
3. 在console輸入：
copy(temp1)
這樣物件就會複製到你的剪貼簿上了，直接ctrl+v就可使用

Chrome Developer Tools Bug
2016/03/10 遇到的Bug
我在chrome的js function內打斷點... 如果我在斷點上直接打印外面被定義的變數 wes，會顯示undefined  但是我加了console.log( bear ); 卻能正常打印
用firebug則沒有這個問題
如圖：

function內沒有用到，在console下就沒辦法參考到

需在function內呼叫過，斷點時在console才能打印出來

我把var wes和var bear這兩行互換，wes在前面，這樣也是一樣打印不出wes
結論：
還是能使用bear和wes變數，只是要斷點開發時，記得要在函數內呼叫過一次，再看變數內容

解決測試環境網址被外網解析咬住問題
因為測試環境gitlab後台也叫做 www.gitlab.com（寫hosts），當不小心使用代理連上線上的 www.gitlab.com後，該域名就會被cache住

如何取消代理後仍然正常訪問本地的gitlab.com？
chrome 瀏覽器打開開發者工具後勾選 Disable cache

當然使用無痕模式瀏覽也是一招，但是無痕模式沒法用XDebug