将Chrome调试器里的JavaScript变量保存成本地JSON文件-阿里云开发者社区

开发者社区> 努力滴码农> 正文

将Chrome调试器里的JavaScript变量保存成本地JSON文件

简介: 将Chrome调试器里的JavaScript变量保存成本地JSON文件
+关注继续查看

我们在Chrome开发者工具的Console标签页里,可以输入JavaScript变量然后回车,查看这些变量的值。


比如我用类jQuery选择器的语法 var button = $(‘button’)来返回当前页面所有button标签的实例。


image.png


如果我想将这个变量保存到本地,以备以后进一步分析,一种做法是用JSON.stringfy将其序列号成JSON字符串,然后再手动选中该字符串,新建一个本地文件,复制进去并保存。

image.png



这套办法可行但是太麻烦了。现在我向大家分享一种自动化的做法。

image.pngimage.pngimage.png把这段代码粘贴到Chrome开发者工具的console标签页执行,给标准的console对象新增一个save方法。这个方法有两个输入参数,第一个为待保存成本地JSON文件的JavaScript变量,第二个参数为本地JSON文件的名称。


还是回到上面的例子,我在Chrome开发者工具的console页面执行了上述的JavaScript代码后,紧接着再执行下面的语句:


console.save(button, “button.json”);


image.png


回车,Chrome自动弹出一个JSON文件保存窗口:


image.png


保存到本地即可。这种方式省去了手动将JavaScript变量序列化成JSON string再手动保存成本地文件的工作量,提升了程序员的工作效率。


版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。

相关文章
Chrome的插件扩展程序安装目录是什么?在哪个文件夹?
正常情况下,Chrome插件扩展程序的默认安装目录如下: 1.windows xp中chrome插件默认安装目录位置: C:\Documents and Settings\用户名\Local Settings\Application Data\Google\Chrome\User Data\Default\Extensions 2.
9618 0
chrome 插件安装:"无法添加来自此网站的应用",解决办法。安装本地crx插件方法
chrome的一些版本进行了安全控制,我们无论是网上直接安装还是本地下载安装crx插件时会出现问题,那就是"无法添加来自此网站的应用",这是为了防止非chrome商店正式渠道安装存在问题的插件带给我们的安全隐患。
11 0
chrome 等浏览器不支持本地ajax请求的问题
chrome 等浏览器不支持本地ajax请求的问题   XMLHttpRequest cannot load file:///D:/WWW/angularlx/ui-router-test/template/content.
1248 0
使用Javascript递归遍历本地文件夹
Created by Jerry Wang, last modified on Aug 13, 2014 打印本地temp folder所有的文件及最后修改时间:
3 0
SCSS 文件里的感叹号用法 - 给变量设置默认值
SCSS 文件里的感叹号用法 - 给变量设置默认值
13 0
java Transient在序列化时不保存该值
package com.jshow.arithmetic.interview; import java.io.FileInputStream; import java.
646 0
2497
文章
0
问答
来源圈子
更多
+ 订阅
文章排行榜
最热
最新
相关电子书
更多
《2021云上架构与运维峰会演讲合集》
立即下载
《零基础CSS入门教程》
立即下载
《零基础HTML入门教程》
立即下载