Chrome 如何在谷歌浏览器的开发者工具控制台中创建和保存文件?

1zmg4dgp  于 2023-05-27  发布在  Go
关注(0)|答案(3)|浏览(250)
var data = "my sample data string"

// Lets write this data to filesystem as data.txt

我找不到任何有关
https://developer.chrome.com/docs/devtools/console/
有没有办法从console中的developer tools中的google chrome中创建和保存文件?

yhived7q

yhived7q1#

可以将字符串转换为blob,然后再转换为object url

// Convert string data to url
var data = "my sample data string"
let blob = new Blob([data], {type: 'text/plain'})
let url = URL.createObjectURL(blob)

// Create anchor tag
let downloadLink = document.createElement('a')
downloadLink.download = 'myFile.txt'
downloadLink.href = url

// Click to download file
downloadLink.click()
jjjwad0x

jjjwad0x2#

另一个简单的方法是在devtools控制台中使用copy()

var data = "my sample data string"
copy(data)

或右键单击对象以查看复制选项。
现在,此数据在剪贴板中可用,只需粘贴即可。

fkvaft9z

fkvaft9z3#

您可以简单地使用鼠标右键=>保存为,这将创建一个包含控制台日志的文件。

相关问题