1. 程式人生 > >【譯】你不知道的Chrome除錯工具技巧 第二天:copying & saving

【譯】你不知道的Chrome除錯工具技巧 第二天:copying & saving

特別宣告

本文是作者 Tomek Sułkowski 釋出在 medium 上的一個系列。
版權歸原作者所有。
譯者在翻譯前已經和作者溝通得到了翻譯整個系列的許可。
為了不影響大家閱讀,獲得許可的記錄會放在本文的最後~

正文

在馬上就要迎來假期的這 24 天裡,我將會發布一系列短篇的文章,關於如何將開發工具使用得更加有意思,昨天我們已經提了 4 個,所以今天我們就從這個編號開始...

5. copy(...)

You can copy anything available in the console into your OS clipboard using the global copy function available in the Console. This includes variables that we’re discussed in the previous tips, e.g. copy(_$) or copy($0)

你可以通過全域性的方法copy()consolecopy任何你能拿到的資源,包括我們在上一篇中提及的那些變數。例如 copy(\_$) or copy($0)

6. Store as global

如果你在console中列印了一坨資料(例如 你在app中計算出來的一個數組),然後你想對這些資料做一些額外的工作, 例如使用我們剛剛提到的copy,你可以很容易的將它變成一個全域性變數

只需要右擊它,並且選擇“Store as global variable” (儲存為全域性變數)這個選項.

第一次使用的話,它會建立一個名為 temp1 的變數,然後是 temp2

等等.所以你可以操作各樣的資料而不用擔心會複寫(譯註:修改他們原有的值)他們

7. 儲存(Stack trace)堆疊跟蹤

對你來說,堆疊跟蹤會很有用,但是對於你的同事來說也是這樣。(例如 : 與其他的前端開發者合作,或者是QA (測試) 工程師).你可以直接把堆疊跟蹤儲存為一個檔案而不是截個圖。

8. Copy HTML (最快的方式)

你可能知道右擊或者點選在html元素邊上的省略號(...)就可以將它copy到你的作業系統的剪貼簿中

但是你同樣可以用非常古老的[ctrl] + [c]大法來實現同樣的效果!

這就是今天的內容啦,簡短但是暖心~ 慣例: 如果你從這裡學到了一些新東西

→ 你可以點個贊再走嘛~
→ 關注我的 Twitter Tomek Sułkowski

其他系列

其他此係列的文章,馬上就會翻譯出來,到時會貼出對應的連結在此處。

寫在最後

如果你對我的翻譯表示肯定,也可以關注我一波哦~ 順便我的開源專案,求一波 star→ 看這裡, 美麗的部落格系統

許可記錄