关于想知道网址URL变化这件事

        碰到了一个有意思的功能记录一下 
        具体的不太清楚,大概是后端同事想知道在输入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.题外话
很有意思的是 ,有个兄弟直接录频一帧一帧的看居然也做到了,简直粗暴且有效哈哈哈 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值