【譯】你不知道的Chrome調試工具技巧 次日:copying & saving

特別聲明

本文是做者 Tomek Sułkowski 發佈在 medium 上的一個系列。
版權歸原做者全部。
譯者在翻譯前已經和做者溝通獲得了翻譯整個系列的受權。
爲了避免影響你們閱讀,受權的記錄在這裏
html

正文

在立刻就要迎來假期的這 24 天裏,我將會發布一系列短篇的文章,關於如何更加有意思的使用開發工具,昨天咱們已經提了 4 個,因此今天咱們就從這個編號開始...前端

5. copy(...)

你能夠經過全局的方法 copy()consolecopy 任何你能拿到的資源,包括咱們在上一篇中說起的那些變量。例如 copy($_) 或者 copy($0)vue

6. Store as global

若是你在 console 中打印了一堆數據(例如 App 中計算出來的一個數組),而後你想對這些數據進行額外操做, 例如,使用咱們剛剛說的 copy ,那就能夠輕鬆將它轉換成一個全局變量:git

只需右擊,而且選擇 「Store as global variable」(保存爲全局變量) 這個選項。github

第一次使用的話,它會建立一個名爲 temp1 的變量,而後是 temp2 等等。這樣你就能夠操做各樣的數據,而不用擔憂他們會被複寫。 數組

7. 保存(Stack trace)堆棧跟蹤

對你和你的同事來講,堆棧跟蹤信息都會頗有用。(例如 : 與其餘的前端開發者合做,或者是 QA (測試) 工程師)。因此咱們能夠直接把堆棧跟蹤保存爲一個文件而不是截圖。異步

8. Copy HTML (最快的方式)

可能你知道右擊或者點擊在 html 元素邊上的省略號(...)就能將它 copy 到操做系統剪貼板中 但你一樣能夠用很是古老的 [ctrl] + [c] + [ctrl] + [v] 大法來實現一樣的效果!編輯器

這就是今天的內容啦,簡短可是暖心~ 慣例: 若是你從這裏學到了一些新東西工具

→ 你能夠點個贊再走嘛~
→ 關注個人 Twitter Tomek Sułkowskipost

其餘系列

其餘此係列的文章,立刻就會翻譯出來,到時會貼出對應的連接在此處。

寫在最後

若是你對個人翻譯表示確定,也能夠關注我一波哦~ 順便個人開源項目,求一波 star→ 看這裏, 美麗的博客系統

相關文章
相關標籤/搜索