javascript - 通过浏览器后退按钮访问表单未触发 "Confirm form resubmit"

Question

我有一个由 MediaWiki 提供支持的公司 Wiki。我编写了代码来添加页面锁定功能，以便当用户编辑页面时，他们会在页面上获得 15 分钟的锁定，并且可以在锁定到期之前随时续订。

如果用户编辑页面，然后单击“保存”，然后单击浏览器的后退按钮返回到编辑表单，则一切看起来都很正常，并且用户认为一切正常，但问题在于:它不会创建页面上的新锁。告诉用户该页面已锁定的消息，但我认为这只是因为它是该页面的缓存版本；消息中的过期时间是从他们第一次编辑时(不使用后退按钮)开始的锁定过期时间。

我尝试将 HTML meta 标记添加到 head 标记内的页面以使缓存无效/不缓存编辑页面，但这不起作用，因为MediaWiki PHP 页面生成器会覆盖此内容。

现在我有一个非常草率的修复；我使用 JavaScript 来模拟按下浏览器前进按钮，例如在编辑页面上，历史前进。如果较新的历史记录项不存在(例如，他们单击了实际的“编辑”按钮而不是使用浏览器后退按钮)，则它不会执行任何操作，但如果他们通过后退按钮访问编辑页面，则会短暂显示该页面大约一秒钟，直到 JavaScript 加载，然后在历史记录中向前重定向(将它们放回到点击后退按钮之前的位置)。是的，这可行，但在我看来，这是一个非常糟糕的解决方案，因为它不是很无缝/用户友好，可能会让用户感到困惑或让他们认为他们的浏览器出了问题。

更好的解决方案是强制用户重新提交表单，从而打开编辑页面的“新鲜”版本，实际上我不确定为什么它还没有这样做。我的意思是，当用户通过浏览器后退按钮访问编辑页面时，我希望它显示“确认表单重新提交”错误页面。以 Google Chrome 为例:

我认为这将通过强制重新提交表单来解决问题，我相信这将创建一个实际页面锁定。如果我错了请纠正我。

我认为页面锁定代码并不是非常相关，因为问题的原因只是后退按钮将它们带到页面的缓存版本而不是“新鲜”版本，但是如果如果您不这么认为，请随时提出要求。只需让我知道要发布代码的哪些部分，我就会添加它们。

Answer 1

找到一些为您提供 OuputPage 的钩子(Hook)(我对它们不太熟悉，但也许 OutputPageBeforeHTML ？)并在编辑页面上调用 OuputPage::enableClientCache(false) 。