网站在桌面浏览器上以响应模式打开 - BootStrap

时间:2014-09-22 09:55:26

标签: javascript html css twitter-bootstrap

重现问题的步骤;

  1. 在Chrome中打开bootStrap website并在chrome->settings->on startup->Continue where you left off中启用恢复会话选项
  2. 调整窗口大小以查看响应模式
  3. 打开任务管理器并终止进程(或重新启动计算机)
  4. 现在再次打开浏览器,让网站完全加载 。现在将浏览器调整为完整窗口
  5. 请注意屏幕截图中出现如下屏幕;它的持续时间非常小,如一秒或更短;

    enter image description here

    但是在我使用bootstrap构建的应用程序上有像屏幕截图一样的永久状态,直到刷新Tab。除了我的申请中的上述步骤,还有证书接受。什么是最好的解决方案,以便每个浏览器意外关闭网站应该以完整模式打开而不是在响应视图中 的步骤5 enter image description here步骤6; enter image description here

    如果我对此不清楚,请告诉我。感谢

1 个答案:

答案 0 :(得分:0)

只需在页面加载时重新加载页面这将解决问题,因为浏览器将窗口保存在旧状态以解决此问题,下面是解决方案;

window.onload = function() {
    if(!window.location.hash) {
        window.location = window.location + '#loaded';
        window.location.reload();
    }
}