將Chrome偵錯程式裡的JavaScript變數儲存成本地JSON檔案
我寫了一個系列的文章,主要用來蒐集一些供程式設計師使用的小工具,小技巧,幫助大家提高工作效率。
我們在Chrome開發者工具的Console標籤頁裡,可以輸入JavaScript變數然後回車,檢視這些變數的值。
比如我用類jQuery選擇器的語法 var button = $('button')來返回當前頁面所有button標籤的例項。
如果我想將這個變數儲存到本地,以備以後進一步分析,一種做法是用JSON.stringfy將其序列號成JSON字串,然後再手動選中該字串,新建一個本地檔案,複製進去並儲存。
這套辦法可行但是太麻煩了。現在我向大家分享一種自動化的做法。
(function(console){
console.save = function(data, filename){
if(!data) {
console.error('Console.save: No data')
return;
}
if(!filename) filename = 'console.json'
if(typeof data === "object"){
data = JSON.stringify(data, undefined, 4)
}
var blob = new Blob([data], {type: 'text/json'}),
e = document.createEvent('MouseEvents'),
a = document.createElement('a')
a.download = filename
a.href = window.URL.createObjectURL(blob)
a.dataset.downloadurl = ['text/json', a.download, a.href].join(':')
e.initMouseEvent('click', true, false, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null)
a.dispatchEvent(e)
}
})(console)
把這段程式碼貼上到Chrome開發者工具的console標籤頁執行,給標準的console物件新增一個save方法。這個方法有兩個輸入引數,第一個為待儲存成本地JSON檔案的JavaScript變數,第二個引數為本地JSON檔案的名稱。
還是回到上面的例子,我在Chrome開發者工具的console頁面執行了上述的JavaScript程式碼後,緊接著再執行下面的語句:
console.save(button, "button.json");
回車,Chrome自動彈出一個JSON檔案儲存視窗:
儲存到本地即可。這種方式省去了手動將JavaScript變數序列化成JSON string再手動儲存成本地檔案的工作量,提升了程式設計師的工作效率。
要獲取更多Jerry的原創技術文章,請關注公眾號"汪子熙"或者掃描下面二維碼:
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/24475491/viewspace-2213928/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- jmeter使用問題——將介面返回變數儲存成csv檔案JMeter變數
- javascript如何將檔案儲存到本地JavaScript
- 儲存檔案到本地
- JavaScript 本地儲存JavaScript
- vista alv儲存本地檔案錯誤
- python 儲存檔案jsonPythonJSON
- Android將程式崩潰資訊儲存本地檔案傳送至伺服器Android伺服器
- 在.Net中將MailMessage儲存為本地eml檔案(轉)AI
- JavaScript變數儲存淺析(一)JavaScript變數
- JavaScript變數儲存淺析(二)JavaScript變數
- Javascript 本地儲存小結JavaScript
- 如何將html程式碼儲存為Pdf檔案HTML
- JavaScript本地儲存的方式有哪些JavaScript
- 如何將MAC的檔案儲存至NAS網路儲存?Mac
- 儲存文字到一個檔案裡
- 儲存CSDN 中的部落格文章為本地檔案
- java Properties獲取本地檔案的變數Java變數
- cad自動儲存的檔案在哪裡 cad檔案一般儲存在哪裡
- Matlab將.mat檔案儲存為.txt檔案Matlab
- 使用JavaScript將當前頁面儲存成PDF,支援圖片和文字的儲存JavaScript
- 將圖片檔案儲存到Oracle的儲存過程Oracle儲存過程
- 怎樣將class檔案變成.exe檔案?薦
- JavaScript本地儲存(1):cookie在前端JavaScriptCookie前端
- Android從外部儲存裝置中儲存和載入本地檔案Android
- 塊儲存 檔案儲存 物件儲存物件
- Javascript操作本地檔案JavaScript
- spark在IDEA的本地無法使用saveAsTextFile儲存檔案SparkIdeaAST
- html2canvas:將html的dom變成圖片,並儲存HTMLCanvas
- 檔案儲存
- 開發一個 Linux 偵錯程式(九):處理變數Linux變數
- 【Python3網路爬蟲開發實戰】5-資料儲存-1 檔案儲存-2 JSON檔案儲存Python爬蟲JSON
- 3dmax自動儲存的檔案在哪裡 3dmax自動存的檔案位置3D
- JQuery讀取本地json檔案jQueryJSON
- 死磕JavaScript-鬆散型別、js變數儲存模型、變數提升JavaScript型別JS變數模型
- 本地儲存
- 【原創】將Java程式變成可執行檔案的簡單方法Java
- Android下載網路pdf檔案儲存至本地Android
- 如何正確地把伺服器端返回的檔案二進位制流寫入到本地儲存成檔案伺服器