javascript - 检测 chrome 是否正在加载缓存页面?

标签 javascript angularjs google-chrome express browser-cache

这是其中之一,“我需要一个解决方法,以便在项目启动后不必忍受用户 1000 年的争​​吵”类型的问题:

我遇到这样一种情况,每当有人在上次关闭浏览器时没有关闭标签页的情况下启动 Chrome,我就需要重新加载我的网站。我们正在现代、MEAN 堆栈环境中重建一个古老的站点,我只是知道它启动时我会收到投诉。

换句话说(危险:伪代码)-

if client closed chrome with site open
  reauthenticate user
  redirect to home page

我可以通过快速路由和护照身份验证来完成最后两位,但是我如何检测客户端是否正在从其端加载缓存页面?

最佳答案

Is it possible to simply store some sort of js variable that is only set true after an actual login, or does Chrome keep that stored on close as well?

一个简单的例子来配合我的评论:

<html>
<head>
    <script>

        function DoMagic() {
            document.getElementById( "magic" ).innerHTML = "<h1>Hello World!</h1>";
        }

    </script>
</head>
<body>

    <div id="magic">Waiting for magic</div>
    <br>
    <input type="button" value="Do Magic" onclick="DoMagic();" />

</body>
</html>
  • 在 Chrome 中打开它,div 显示为“Waiting for magic”。
  • 单击“Do Magic”div 显示“Hello World”。
  • 点击 X(不是网页,是浏览器)关闭 Chrome。
  • 打开 Chrome。页面加载。 Div 写着“等待魔法”。

状态不会在浏览器关闭之间保留——即使缓存是。我想你可以实现类似的东西来确保他们必须在浏览器关闭之间登录。应该也适用于所有浏览器。

关于javascript - 检测 chrome 是否正在加载缓存页面?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51677325/

相关文章:

javascript - 在javascript中从api加载数据

javascript - 使用 Angular 2 CLI,如何使用绝对路径,这样我就不必使用 import { .. } from '../../../shared/thing'

javascript - AngularJS + API 调用

google-chrome - Google Chrome 禁用窗口动画

google-chrome - WebDriver异常: Message: unknown error: unrecognized Chrome version: HeadlessChrome RobotFramework

javascript - 如果事件也需要作为参数,如何将参数传递给函数?

javascript - Office.js 选择文本并将其替换为 ContentControl

javascript - 如何使用 jQuery 将动态 key 对值发送到 PHP?

javascript - 我正在尝试使用 Angular js 从输入中调用文本

CSS背景图片动画,CPU占用率高