部分ios用户使用 history.replaceState更改当前URL后，复制链接还是之前的URL

最新推荐文章于 2025-05-28 09:13:11 发布
最新推荐文章于 2025-05-28 09:13:11 发布
阅读量2.4k 收藏 1
点赞数
CC 4.0 BY-SA版权
分类专栏： 工作经验
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/simper_boy/article/details/103930228
在部分iOS设备的Safari或微信内置浏览器中，使用`history.replaceState`修改当前URL后，复制链接仍显示原始URL。这可能导致业务受影响，因为复制的链接未更新。原因可能是iOS无法正确监听URL变化。解决方案虽能解决问题，但强制页面刷新会引入其他问题，不推荐使用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

未解决之前代码
获取当前url并处理

//去除url上的openid参数
const href = location.href.replace(/(|&)openid=([^&]*)(?=#)/, '');
//更改当前url，这里应该是历史纪录也替换掉了
history.replaceState(null, null, href
最低0.47元/天 解锁文章

200万优质内容无限畅学
ajax刷新后退,通过history解决ajax不支持前进/后退/刷新
weixin_28755447的博客
08-05 495
前言：现在前后端基本都是通过ajax实现前后端接口数据的交互，但是，ajax有个小小的劣势，即：不支持浏览器“后退”和“前进“键。但是，现在我们可以通过H5的histroy属性 解决ajax在交互请求的这个小bug。事件描述：H5增加了一个事件window.onpopstate，当用户点击那两个按钮就会触 发这个事件。但是光检测到这个事件是不够的，还得能够传些参数，也就是说返回到之前那个页面的时候...
History 对象的pushState()和replaceState()
EmotionComputer
09-26 9884
今天在看vue-router的时候发现，vue-router源码用到了history.pushState()和history.replaceState()，故，仔细看一下。 一. 概述 window.history属性指向 History 对象，它表示当前窗口的浏览历史。 History 对象保存了当前窗口访问过的所有页面网址。下面代码表示当前窗口一共访问过3个网址。 window.histo...
前端路由修改url但是刷新界面返回数据请求的方法
xiangyizhixuexi的博客
06-20 723
修改前端路由url大体有两种方法：1.使用location.hash值来修改，2.使用history.state的栈来修改 location.hash: 具体语法为：
在 React Router 的 history 模式中，push 和 replace 方法有什么区别？
weixin_45422672的博客
05-28 394
点击浏览器后退按钮会跳过被替换的地址。点击浏览器后退按钮可回到前一个地址。类似「手机APP的多层返回」效果。类似「原地修改便签纸内容」的效果。向浏览器的历史记录栈。
History 对象,history添加和修改浏览历史记录,history.pushState()和history.replaceState()
qingdi1的博客
10-15 6730
History 对象,history添加和修改浏览历史记录,history.pushState（）和history.replaceState（）概述属性方法History.back()History.forward()History.go()History.pushState()History.replaceState()popstate 事件 概述 window.history属性指向 History 对象，它表示当前窗口的浏览历史。 History 对象保存了当前窗口访问过的所有页面网址。下面代码表示当
微信浏览器iOS复制链接错误
小马总的博客
04-13 1712
链接错误出现这个问题的原因 是因为微信内置浏览器对 history 的支持不够全面 所以对于开启了 History Mode 的 SPA 应用，只会保存第一条 url 只要每个页面都刷新一次，严格的说不能是简单的刷新，需要用location.replace刷新页面，就能解决该问题 解决方案 解决方案肯定就是处理window.location链接问题 我用react写的 不过不管用什...
ios兼容性问题
weixin_57528449的博客
05-30 642
1.背景描述 原项目几条业务线共用了一个模块组件其中该组件用了margin-right:-100%(撑开了宽度)，业务线分离将此模块copy了一份，上线后发现ios可以左右滑动（h5和安卓正常不可滑动），查看半天也没定位到，后经请教将body的overflow:hidden 属性关闭在h5上复现了，想到应该是ios对于该属性的兼容问题 后经查阅: 正常来说给body元素增加一个overflow-x： hidden；就能够解决问题了，但是苹果机确没有用。感觉苹果机看起来解析<meta name="v
history.replaceState(null, '', window.location.href);这段代码的作用
最新发布
07-19
在企业微信的iOS环境中，使用`history.replaceState`（或`window.location.replace`）的主要目的是**修改当前历史记录条目，从而避免用户返回时出现意外跳转**。这是解决调用`openExistedChatWithMsg`后关闭页面导致...
iOS不支持window.location.replace
01-07
// 推荐方式一: 使用 pushState 修改URL但不影响前进/后退栈 if (typeof history.pushState === "function") { const newUrl = '/new-url'; history.pushState({}, '', newUrl); } ``` 这种方法允许更改显示的 ...
在vue项目中利用popstate处理页面返回的操作介绍
11-20
- `window.history.replaceState(state, title, url)`: 修改当前历史记录条目的状态，不改变URL，但会更新`history.state`。 结合这些方法，我们可以在Vue项目中灵活地管理页面的导航历史，从而实现更丰富的用户...
解决ios回退后不刷新的问题
star094606的博客
09-28 361
window.addEventListener("popstate", () => { window.location.reload(true); }, false); const state = { title : "", url : "#" }; window.history.replaceState(state, "", "#"); 放在当前...
safari浏览器不支持window.location.href的解决方法
蓝蓝的博客
06-14 4549
ios的这个浏览器对于某些js脚本支持似乎并不是十分友好 使用将window.location.href放在组件的click事件里并不能跳转页面，解决方法是模拟点击了一个标签 <!DOCTYPE HTML> <html lang="en-US"> <head> <meta charset="UTF-8"> <title></title> </head> <body> <a id='link
replacestate 后退刷新_再详解history.pushState和history.replaceState以及page ajax的实现
weixin_36410277的博客
01-14 660
在之前的文章《ajax无刷新加载页面，结合history.state修改url》中，我详细解释了history.pushState、history.replaceState、history.state以及window.popstate这四个关键元素，并试图建立一个合理的ajax无刷新更换URL的页面加载方式。但那之后，我遇到一个比较复杂的问题，集中在state的内容上，本文则来详解state这个要...
JavaScript浏览器对象之history对象
上善若泪
05-06 3456
目录 1 history对象概述 1.1 属性说明 1.2 方法说明 2 history.pushState()，history.replaceState() 3 history.state属性 4 popstate事件 1 history对象概述 浏览器窗口有一个history对象，用来保存浏览历史。比如，该窗口先后访问了三个地址，那么history对象就包括三项，len...
js禁止使用浏览器的前进后退按钮的方法
tianxianghuiwei的博客
05-25 799
此方法使用了 replaceState(null, null, location.href);替换当前历史路径从而实现禁止使用浏览器的前进后退按钮功能；
Vue微信自定义分享时安卓系统config:ok，ios系统config:invalidsignature签名错误的解决办法
胖大海
03-16 1670
这两天在做微信自定义分享的需求，使用JS-SDK的页面注入配置信息时安卓系统config:ok，ios系统config:invalid signature签名错误。然后去查微信jssdk的文档，里面所说的config:invalid signature可能原因你都一个个查验过发现没有问题，但是还是提示签名错误，是不是很抓狂很蛋疼？？？然后你再去查请求配置信息时的动态URL是否有问题，你会发现安卓ios打印出来的url都是正确的，问题究竟出在哪里呢？？？就问你难不难受！！！ 安卓系统签名没问题，ios系统签
Html5使用history对象history.pushState()和history.replaceState()方法添加和修改浏览历史记录控制回退按钮，改url不刷新界面
aliven1的博客
03-31 2278
原文：https://www.studyscript.com/Post/index/id/3018.html?page=3 概述 浏览器窗口有一个history对象，用来保存浏览历史。 如果当前窗口先后访问了三个网址，那么history对象就包括三项，history.length属性等于3。 history.length // 3 history对象提供了一系列方法，允许在浏览历史之间移...
解决 ios 调用 wx.config 需要刷新一次才能成功
DTCloud
03-02 1009
在进入H5公众号后，利用js 进行刷新一次，然后打个标记。
popstate_ios下popstate触发的问题
weixin_39957265的博客
12-20 1361
背景：在使用Tarojs开发的时候，发现在ios上跳转至其他页面，再返回回来会出现接口接连调用两次的情况。排查过程：1.由于接口调用在组件的didMount里，所以看其他的组件也是didMount调用两次，这让我感觉很诧异，componentDidMount这个生命周期应该不会调用两次的；2.我打开了weinre查看，发现了有两个一模一样的页面组件，如下图因为是router层级上double了，所...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值