检测客户端与服务器端路由

【问题标题】：Detecting client-side vs server-side routing检测客户端与服务器端路由
【发布时间】：2019-09-01 18:54:43
【问题描述】：

在浏览网站时，除了检查网络选项卡（在开发工具中）是否有下载的 HTML 文档外，有什么方法可以检测它是在使用客户端路由还是服务器端路由？

【问题讨论】：

是的，网络标签？
什么是“服务器端”，什么是“客户端”？您的意思是完全重新加载与将部分 HTML 添加到 DOM 中？
@Akxe 是的，完全正确。 stackoverflow.com/a/10473302/1417223

【解决方案1】：

您可以使用beforeunload 事件来决定路由的类型。

window.addEventListener('beforeunload', function (e) {
  console.log(e);

  // This is usually used to block user navigation, for example, when they have not saved cahnges
  /**
   * // Cancel the event
   * e.preventDefault();
   * // Chrome requires returnValue to be set
   * e.returnValue = '';
   */
});

要检测对 DOM 的更改，您可以使用MutationObserver。但我会使用一个或另一个。

【讨论】：