苹果(ios)系统设置中文cookie不生效的问题

在iOS设备上,H5页面中文Cookie设置不生效导致登录状态无法记住。通过使用encodeURI编码和decodeURI解码解决此问题。同时介绍了移动端前端调试工具vConsole,包括其功能、安装和使用方法,便于开发者进行真机调试。
摘要由CSDN通过智能技术生成

问题描述:

使用苹果手机打开H5页面,在登录页面勾选 “记住我” 功能,登录成功后再退出系统重新登陆,发现用户名没有回显的问题
![在这里插入图片描述](https://img-blog.csdnimg.cn/6652ed6502a2441b97cbaa58b072820a.png在这里插入图片描述
然后使用真机调试,发现在ios系统下cookie设置中文没有设置成功,后来在存cookie的时候对中文进行了编码,取cookie的时候再进行解码就可以完美解决这个bug了!

vConsole 手机前端开发调试利器:

在解决问题前,为了方便移动端真机调试,在这里给大家介绍一款移动端真机调试利器。

vConsole 介绍:

vConsole 是一个轻量、可拓展、针对手机网页的前端开发者调试面板。具有的功能如下:

  • 查看 console 日志
  • 查看网络请求
  • 查看页面 element 结构
  • 查看 Cookies、localStorage 和SessionStorage
  • 手动执行 JS 命令行
  • 自定义插件

在移动端调试的时候这些功能完全够用了!

vConsole 的使用:

引入:
1、方法一:通过npm安装

npm i vconsole --save-dev

安装完成后在项目的src/utils目录下新建一个vconsole.js文件,在该文件下导入vconsole并创建vconsole实例对象,代码如下:

import Vconsole from 'vconsole'
const vConsole = new Vconsole()
export default vConsole
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值