单页应用路由

最新推荐文章于 2023-04-22 21:44:50 发布

转载最新推荐文章于 2023-04-22 21:44:50 发布 · 103 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/dkplus/p/9001221.html

本文介绍了一种通过重写浏览器历史记录API——`history.replaceState`的方法来实现对页面状态变更进行采集的技术方案。具体实现是先保存原生的`replaceState`方法，然后在其基础上增加自定义的采集行为，最终调用原生方法完成状态更新。

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

// 改写思路：拷贝 window 默认的 replaceState 函数，重写 history.replaceState 在方法里插入我们的采集行为，在重写的 replaceState 方法最后调用，window 默认的 replaceState 方法

collect = {}

collect.onPushStateCallback : function(){}  // 自定义的采集方法

(function(history){
    var replaceState = history.replaceState;   // 存储原生 replaceState
    history.replaceState = function(state, param) {     // 改写 replaceState
       var url = arguments[2];
       if (typeof collect.onPushStateCallback == "function") {
             collect.onPushStateCallback({state: state, param: param, url: url});   //自定义的采集行为方法
       }
       return replaceState.apply(history, arguments);    // 调用原生的 replaceState
    };
 })(window.history);

转载于:https://www.cnblogs.com/dkplus/p/9001221.html