碰到了一个有意思的功能记录一下
具体的不太清楚,大概是后端同事想知道在输入URL跳转后的地址的某个参数有没有出现,是否被拦截,但是跳转的速度太快了根本看不到,所以问我有没有方法知道到底跳转了那些地址。我想了一下 :有的兄弟!有的!
1.首先打开一个新的页签、然后F12打开控制台,然后输入这段代码。
// 覆盖pushState和replaceState方法
['pushState', 'replaceState'].forEach(method => {
const original = history[method]
history[method] = function() {
console.log(`URL changed (${method}):`, arguments[2] || location.href)
return original.apply(this, arguments)
}
})
// 监听popstate事件(浏览器前进/后退)
window.addEventListener('popstate', () => {
console.log('URL changed (popstate):', location.href)
})
console.log('现在开始监听URL变化...')
2.记住保留日志,然后Enter回车

3.输入url地址,你就可以看到url的变化啦,是不是很简单。
因为很多时候输入的地址会多次跳转,这样的话你就可以很直观的捕获所有的地址变化,虽然不会很常用,但是若是需要还是很不错的。

4.题外话
很有意思的是 ,有个兄弟直接录频一帧一帧的看居然也做到了,简直粗暴且有效哈哈哈

2260

被折叠的 条评论
为什么被折叠?



