公众号网页开发 localstorage数据处理

我们在做微信网页开发的时候有好多登录数据和用户信息要存在localstorage里边,就像这样:

image.png
这是在微信的环境中 但我们开发中用的事chrome 浏览器 这时候就需要我们吧这些数据用cv大法搬运过去:

image.png
*哎呀,手抽筋了~~~~*

于是乎,我用尽毕生所学(夸张一下)写下了以下代码来获取微信浏览器的缓存数据:

        //解析微信浏览器  localstorage 数据
        let length = localStorage.length
        let storage = {}
        for (let index = 0; index < length; index++) {
                const key = localStorage.key(index)
                storage[key] = localStorage.getItem(key)
        }

        console.log( Object.keys(storage).join('$+$'));
        console.log( Object.values(storage).join('$+$'));

结果还可以:

image.png

再到咱们开发用的浏览器 使用一下代码:

//注入到 chrome 开发浏览器  
//keys 的双引号粘贴第一个打印
//values 的双引号粘贴第二个打印  回车运行即可

let keys = ''
let values = ''

keys =  keys.split('$+$')
values =  values.split('$+$')
for (let index = 0; index < keys.length; index++) {
	localStorage.setItem(keys[index],values[index])
}

按照提示我们按注释指示把我们打印出来的代码在开发浏览器运行一下下;

image.png;
复制代码
按回车键就一键导入啦!!
按回车键就一键导入啦!!
按回车键就一键导入啦!!
重要的事说三遍!!

来自一个前端古墓派(人家都说啥**天花板**的,**地板**已经不能形容我了,所以是古墓派了,小菜鸡一个)小弟子的分享
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
localStorage中更新数据可以通过以下步骤完成。首先,您需要获取要更新的数据。然后,修改数据的值。最后,将修改后的数据重新存储回localStorage中。在Vue组件中,您可以使用localStorage的setItem方法来实现数据更新。例如,如果您想要更新名为'gsStorename'的数据,您可以使用以下代码: ``` localStorage.setItem('gsStorename', JSON.stringify(updatedData)); ``` 其中,updatedData是您要更新的数据。通过将updatedData转换为JSON字符串,并使用setItem方法将其存储在localStorage中,您可以实现localStorage数据的更新。请注意,如果您使用Vue组件来更新数据,您还需要确保在更新数据之前先获取原始数据并进行修改。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [*html5localStorage之【增、删、改、查】](https://blog.csdn.net/qq_33862644/article/details/78689577)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] - *3* [vue监听缓存数据(localStorage) 中值的更新](https://blog.csdn.net/xy_xxyy/article/details/125622482)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT0_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值