新写一个油猴脚本：复制页面localStorage工具

场景

最近接手了一个vue2的古老项目，这个项目的每个页面都是单纯的表单，这些表单都要嵌入到对应的jsp文件中，所以为了webpack打包不必要的资源，路由规则就只会编写一个，开发环境每次切换路由就需要更改这唯一的路由，所以关于业务上有多少个页面就需要手动打包多少次。

其中，对于表单，一般分为三种状态：申请、签审、只读。（或者add、sign、readOnly），对于add，那还好，因为所有数据基本都是用户填写，但是关于签审和只读，某些关键数据是从jsp文件通过localStorage的方式传递过来的，在本地开发环境显然没有jsp的环境，所以数据无从下手。

 

解决思路

后来想到线上的dev环境的表单是存在jsp环境的，所以能正常访问，面对localStorage的十几二十个item，我只需要挨个复制粘贴到我本地开发环境的页面上即可

 

废话少说，上代码

链接：https://greasyfork.org/zh-CN/scripts/532542-%E5%A4%8D%E5%88%B6%E9%A1%B5%E9%9D%A2localstorage%E5%B7%A5%E5%85%B7/code

安装好脚本后，刷新页面就会在右下角查看到一个按钮，点击即可复制当前页面的所有localStorage，然后去到目标网页，打开控制台，粘贴，运行脚本，即可设置成功。

 

水一篇文章