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


84

我在网上搜索了有关此问题的信息,但未找到任何内容:

后退按钮的逻辑是什么?当我们在Web浏览器上单击后退按钮时会发生什么情况?

我真的很想了解更多。

谢谢。


14
它是重新发送请求还是从本地缓存加载页面?当您回击时,是否会发送在第一个响应中创建的cookie?等
吉米

Answers:


99

您的网络浏览器会保留您在该窗口中访问过的网页的堆栈(或列表,如果需要的话)。假设您的首页是google.com,然后从那里访问其他一些网站:youtube.com,yahoo.com和cnn.com。访问最后一个列表后,列表如下所示:

google.com -> youtube.com -> yahoo.com -> cnn.com
                                            ^
                                            |
                                       current page

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

google.com -> youtube.com -> yahoo.com -> cnn.com
                                ^
                                |
                           current page

此时,您可以再次按Back(返回)将您带到youtube.com,也可以按Forward(前进)将您再次置于cnn.com。假设您再按一次Back:

google.com -> youtube.com -> yahoo.com -> cnn.com
                   ^
                   |
              current page

如果现在转到abc.com,则列表将更改为如下所示:

google.com -> youtube.com -> abc.com
                               ^
                               |
                          current page

请注意,yahoo.com和cnn.com均已从列表中删除。这是因为您走了一条新路线。浏览器仅维护您访问过的页面到达当前位置的列表,而不是您曾经去过的每个页面的历史记录。浏览器也不了解您正在访问的网站的结构,这可能会导致某些令人惊讶的行为。

您所处的购物网站(其中有一个简短的示例是ne.com)上有要浏览的产品类别和子类别。网站设计师周到地在窗口顶部附近提供了面包屑,以使您可以浏览类别。您从站点的首页开始,单击硬件,然后单击内存。现在,列表如下所示:

google.com -> ne.com -> ne.com/hw -> ne.com/hw/mem
                                           ^
                                           |
                                      current page

您想返回到“硬件”类别,因此可以使用面包屑上升到父类别,而不是使用“上一步”按钮。现在,浏览器列表如下所示:

google.com -> ne.com -> ne.com/hw -> ne.com/hw/mem -> ne.com/hw
                                                          ^
                                                          |
                                                     current page

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

最后,您想返回主站点页面(ne.com)。您可以使用面包屑,但是这次单击“上一步”按钮-看来应该将您带到一个新的水平,对吗?但是带你去哪里呢?

最初,这使许多用户(包括我自己,当我恰好做到这一点时)感到困惑,它使您“降低”一个级别,回到“内存”类别。查看页面列表,很容易看出原因:

google.com -> ne.com -> ne.com/hw -> ne.com/hw/mem -> ne.com/hw
                                            ^
                                            |
                                       current page

要仅使用“后退”按钮返回主页,将需要再按两次,将您“返回”到“硬件”类别,最后是“主页”。对于我们的程序员来说,这似乎是怎么回事,但这总是使普通用户大吃一惊,因为他们没有意识到浏览器对他们所处网站的层次结构一无所知。

如果浏览器允许网站设计人员对“后退”按钮进行编程以完成明显的工作(使您更上一层楼)而不是现在做的事,那会很好吗?

编辑:评论者询问浏览器是重新加载页面还是仅将其显示在其本地缓存之外。

答案是取决于。网站设计者可以指定浏览器是否应缓存页面。对于设置为非缓存的页面,当您按Back时,浏览器会从服务器重新加载页面,就像这是您第一次访问该页面一样。对于缓存的页面,浏览器将其显示在缓存之外,这要快得多。


5
当浏览器在缓存中查找时,它是否检查服务器响应标头中的到期日期?我想如果页面已过期,浏览器将发回相同的查询,不是吗?返回按钮的获取和发布是否以相同的方式处理?感谢您的出色回答。
皮埃尔·锡伯

5
第一个问题:是的,这是正确的。如果页面已过期,浏览器应使用相同的URL和POST数据重新请求页面。但是对于POST操作,大多数浏览器会询问用户是否要重新发送。我的猜测是重新发送POST数据可能会导致重复的发布,重复的交易等。要由网站设计者来阻止这种情况的发生。
巴里·布朗

是的,但是对于POST,我认为浏览器只会在POST过期的情况下询问。我对吗?因为当我使用ASP.net进行开发时,后退按钮无需询问即可再次发布到服务器。
皮埃尔·锡伯

可能取决于浏览器。我的浏览器(Safari)一直在询问-至少我认为它一直在询问。
巴里·布朗

我正在使用Safari。它并不总是问。它必须遵循我描述的逻辑。
皮埃尔·锡伯

5

我喜欢将其视为重新发出我的最后一个请求。如果执行简单的GET,它可能会返回与上次相同的结果(减去动态内容)。如果您已完成POST,则将在确认后将表单重新提交给服务器。


2

基本思想是返回到最后一页或逻辑站点划分。

查看Gmail,您会发现您是否进行搜索,然后单击邮件,然后单击“后退”按钮,它将带您返回所做的搜索。

在大多数浏览器中单击它时,它将重新发送上一个http请求,或者如果浏览器缓存网站,则将加载缓存。


浏览器何时使用缓存,何时重新发送请求?
皮埃尔·锡伯

这取决于浏览器以及当时所做的工作。您可以将大多数浏览器设置为不缓存,因此它们将始终重新加载。有一个HTML元标记用于缓存,但要尊重浏览器。
2009年

2

我认为最简单的解释方法是使用伪代码:

class Page:
    String url, ...
    Page previous, next # implements a doubly-linked list

class History:
    Page current # current page

    void back():
        if current.previous == null:
            return
        current = current.previous
        refresh()

    void forward():
        if current.next == null:
            return
        current = current.next
        refresh()

    void loadPage(Page newPage):
        newPage.previous = current
        current.next = newPage # remove all the future pages
        current = current.next
        display(current)

1

浏览页面的历史记录以类似堆栈的形式保存。当您“弹出”前三页(例如A,B,C),然后转到不同的页面D时,您无法通过向前跳转再次到达B。


0

作为一名devoloper,无论浏览器如何处理“后退”按钮,您都应确保自己的Web应用程序有效:-)它是否重新发送请求?新请求是否与旧请求相同,或在任何方面有所不同?浏览器会要求用户确认重新发布吗?页面的哪些元素将被重新请求以及从缓存中加载了哪些元素?浏览器会尊重我的缓存控制标头吗?

这些问题的答案取决于品牌,浏览器版本和用户设置。设计软件,以使所有这些都无关紧要。

抱歉,不是很直接的答案,但是这里已经有一些直接的答案。


las,考虑到后退按钮的所有可能影响,这使大多数开发人员发了疯,其中包括我自己。
路易丝

0

浏览器总是存储页面以供记忆,当我们按下“后退”按钮时,它不会将请求发送到上一页的服务器,而是只会看到其存储页面的缓存,并且遵循LIFO规则,这就是为什么在最后一次打开后退按钮时,先给我们该页面


2
不,那不行!如果缓存不再有效,则会将请求发送回服务器以再次获取页面。
皮埃尔·锡伯

-1

浏览器会在当前页面之前加载最后浏览的页面,然后进行可能发生的任何重定向?

我似乎似乎遗漏了问题的重点。


他们可能想禁用后退按钮-或阻止其使用。祝好运。
约翰·霍文
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.