Web 浏览器中的后退按钮如何工作?

2023-12-11

我在网上搜索了这个问题,但一无所获:

返回按钮的逻辑是什么?当我们点击网络浏览器上的后退按钮时会发生什么?

我真的很想了解更多。


您的网络浏览器会保留您在该窗口中访问过的网页的堆栈(或列表,如果您愿意的话)。假设您的主页是search.example然后您可以访问其他一些网站:video.example, portal.example, and news.example。访问最后一个后,列表如下所示:

search.example -> video.example -> portal.example -> news.example
                                                          ^
                                                          |
                                                     current page

当您按“后退”按钮时,浏览器会将您带回到列表中的上一页,如下所示:

search.example -> video.example -> portal.example -> news.example
                                        ^
                                        |
                                   current page

此时您可以再次按返回键将您带到video.example,或者您可以按“前进”将您转至news.example再次。假设您第二次按“返回”:

search.example -> video.example -> portal.example -> news.example
                       ^
                       |
                  current page

如果你现在去,说,example.com,列表更改为如下所示:

search.example -> video.example -> example.com
                                      ^
                                      |
                                 current page

请注意,两者portal.example and news.example已从列表中消失。这是因为你走了一条新路线。浏览器仅维护您访问过的页面列表,而不是您曾经访问过的每个页面的历史记录。浏览器也不知道您正在访问的网站的结构,这可能会导致一些令人惊讶的行为。

您正在访问购物网站 (shop.example,作为一个简短的示例),其中有可供浏览的产品类别和子类别。网站设计者贴心地提供了面包屑位于窗口顶部附近,可让您浏览类别。您从网站的首页开始,单击“硬件”,然后单击“内存”。该列表现在如下所示:

search.example -> shop.example -> shop.example/hw -> shop.example/hw/mem
                                                           ^
                                                           |
                                                      current page

您想要返回到“硬件”类别,因此您使用面包屑导航到父类别,而不是使用“后退”按钮。现在浏览器列表如下所示:

search.example -> shop.example -> shop.example/hw -> shop.example/hw/mem -> shop.example/hw
                                                                                  ^
                                                                                  |
                                                                             current page

根据站点结构,您向后退(上一级),但对于浏览器,您前进,因为您单击了链接。每当您单击链接或在地址栏中输入 URL 时,就浏览器而言,您都会继续前进,无论该链接是否会将您带到您已经访问过的页面。

最后,您想返回主站点页面(shop.example)。您可以使用面包屑,但这次您单击“后退”按钮 - 显然它应该将您提升一级,对吗?但它会带你去哪里呢?

最初,许多用户(包括我自己,当我碰巧这样做时)感到困惑,它会让你“下降”一个级别,回到内存类别。查看页面列表,很容易明白原因:

search.example -> shop.example -> shop.example/hw -> shop.example/hw/mem -> shop.example/hw
                                                            ^
                                                            |
                                                       current page

要仅使用“后退”按钮返回主页,需要再按两次,才能“返回”到“硬件”类别,最后回到主页。对于我们程序员来说,发生的事情似乎很明显,但它总是让普通用户感到惊讶,因为他们没有意识到浏览器不知道他们碰巧访问的任何网站的层次结构。

如果浏览器允许网站设计者对“后退”按钮进行编程以执行明显的操作(使您更上一层楼)而不是它现在所做的任何事情,那会很棒吗?

一位评论者询问浏览器是重新加载页面还是只是从本地缓存中显示它。

答案是视情况而定。站点设计者可以指定浏览器是否应该缓存页面。对于设置为非缓存的页面,当您按“后退”键时,浏览器会从服务器重新加载页面,就像您第一次访问它一样。对于缓存的页面,浏览器会从缓存中显示它,这样速度要快得多。

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

Web 浏览器中的后退按钮如何工作? 的相关文章

  • 使用PHP检测IE浏览器版本

    我正在使用 SERVER HTTP USER AGENT 来检测用户的浏览器 当我在 IE8 上的本地主机上运行 var dump 时 它返回 兼容的 微星8 0 但是当我将其上传到我的主机 godaddy 时 我得到 兼容的 MSIE 7
  • 如何在 Web 浏览器中捕获“JavaScript SetCookie 事件”?

    如何在浏览器中捕获 JavaScript SetCookie 事件 我想当 javascript setcookie 事件同时发生时将 cookie 同步到 CookieContainer 例如 有与此相关的事件吗 谢谢 环境 Net 2
  • 从字符串渲染 React 组件

    我在字符串中有一些 React 代码 例如 const component function App return div test div 我希望能够从浏览器内渲染该组件 例如 import React Component from re
  • 如何从 .NET 程序打开 Web 浏览器? Process.Start() 不起作用?

    我有一个 URL 我想在默认浏览器中启动它 我尝试过两种方法 Process Start http stackoverflow com 以及本节中详细介绍的一个其他问题 https stackoverflow com questions 8
  • 使用 Flash 在本地托管游戏?

    我只是找不到合适的谷歌搜索词 是否可以使用 Flash 或 Flash 兼容服务 来允许游戏中的玩家通过 Web 浏览器托管自己的游戏 使用自己的带宽 在某种程度上 从他们的计算机运行他们自己的游戏服务器 对于 Flash 浏览器内游戏 但
  • jquery 中 DOM 元素的手动垃圾回收是否可以提高浏览器性能?

    在性能范围内 删除不再需要的元素是否有意义 或者浏览器是否对代码中未进一步引用的 dom 元素执行自动垃圾收集 some element fadeOut 1000 function el el remove lt does this mak
  • Android - 按下后退按钮时停止 AsyncTask 并返回到上一个 Activity

    我有一个 AsyncTask 我希望它在按下后退按钮时停止执行 我还希望应用程序返回到之前显示的 Activity 看来我已经成功停止了任务 但应用程序没有返回到之前的活动 有任何想法吗 这是我的代码的摘录 private class My
  • Android浏览器上的Web应用程序宽度问题

    所以到目前为止我只在 Android 浏览器上遇到过这个问题 基本上我的网站几乎一直运行良好 而且我还没有在 Dolphin Opera 或 Skyfire 上看到这个问题 但偶尔当我从手机主屏幕之一上的书签重新打开 Android 浏览器
  • 当浏览器的缓存已满时会发生什么?

    当网络浏览器的缓存已满时会发生什么 可以 删除缓存中最旧的项目以腾出空间 完全停止缓存 IE Firefox Chrome 和 Safari 等主要浏览器是否记录了此行为 谷歌声称每个浏览器都使用 LRU 来决定转储什么 Here code
  • 点击浏览器后退按钮时如何刷新 ASP .NET MVC 页面

    我刚刚发现 当我单击任何 ASP NET MVC 页面上的浏览器后退按钮时 没有任何反应 并且页面不会更新 并且只有当您单击 F5 时才会更新 主要问题是我对页面的 DOM 进行了一些更改 即添加表格行 选择单选按钮等 当我通过点击浏览器后
  • 是否可以将请求标头添加到 CORS 预检请求中?

    我有一个从外部服务器 不是服务器 访问 API 的网站 为网站提供服务 通过简单的XmlHttpRequest 见下文 那个API 需要将用于访问服务的 API 密钥添加为请求标头 然而 正如这些CORS https developer m
  • 检测匿名/隐身浏览

    Android 默认浏览器允许匿名浏览 是否可以检测用户何时在默认 Android 浏览器应用程序的隐身选项卡中浏览 我对用户访问的网址不感兴趣 我正在使用内容观察者对象来接收用户浏览历史记录的更新 当用户打开隐身选项卡时 我没有收到任何更
  • 布局引擎和javascript引擎的区别

    经过大量阅读 似乎当人们说浏览器引擎时 他们指的是诸如 gecko 或 webkit 之类的布局引擎 我还知道布局引擎基本上负责 绘制 屏幕 而javascript引擎则用于解释 但问题是 对于现代网络应用程序来说 哪一个对性能影响更大 这
  • 通过 HTML 或 JavaScript 禁用 Web 表单上的自动填充?

    有没有办法通过 HTML 或 JavaScript 禁用 Chrome 和其他浏览器中表单字段的自动填充 我不希望浏览器自动填写该浏览器以前用户的表单上的答案 我知道我可以清除缓存 但我不能依赖重复清除缓存 您可以在 HTML 的输入级别添
  • 如何检查浏览器是否支持 WebAssembly?

    随着所有新的主要浏览器都支持 WebAssembly 我如何检查当前访问我网站的浏览器是否支持它 有几种方法可以检测 WebAssembly 的存在 基本的一个是检查是否WebAssembly如果类型 object 在全局作用域中 但是在不
  • 如何使用 jQuery 检测浏览器是否关闭

    我需要使用 jQuery 检测浏览器是否被关闭 如果是这样 则执行一个事件 我的网站上有一个聊天功能 很像 Facebook 可以让用户在导航到网站结构中的其他页面时保持登录状态 但如果他们单击 则需要将他们从聊天中注销 这样他们就不会在线
  • 让浏览器缓存我的动态 PHP 样式表

    我想在 PHP 文件 styles php 中创建一个样式表 以便样式表变得动态 具体取决于请求的用户 对于每个单独的用户来说 样式表是不变的 因此应该缓存在他的客户端浏览器上 我读过 您可以通过设置内容类型和缓存控制等标头来实现此目的 但
  • 如何在浏览器控件中隐藏 HtmlElement

    我有一个 webbbrowser 控件 可以导航到包含图像的页面 我想从我的网络浏览器中隐藏或删除该图像 我尝试在 DocumentCompleted 事件上设置以下方法 但没有成功 webBrowser1 Document GetElem
  • 来自 IE 的 Web 服务调用正常,但在 Chrome 和 Mozilla 中不起作用

    我正在使用以下代码调用网络服务 function CallService ajax type GET url http devpc4 5566 Service1 asmx GetItems dataType json data conten
  • CSS3 - 性能最佳实践是什么? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi

随机推荐