我在网上搜索了有关此问题的信息,但未找到任何内容:
后退按钮的逻辑是什么?当我们在Web浏览器上单击后退按钮时会发生什么情况?
我真的很想了解更多。
谢谢。
Answers:
您的网络浏览器会保留您在该窗口中访问过的网页的堆栈(或列表,如果需要的话)。假设您的首页是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时,浏览器会从服务器重新加载页面,就像这是您第一次访问该页面一样。对于缓存的页面,浏览器将其显示在缓存之外,这要快得多。
我认为最简单的解释方法是使用伪代码:
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)
作为一名devoloper,无论浏览器如何处理“后退”按钮,您都应确保自己的Web应用程序有效:-)它是否重新发送请求?新请求是否与旧请求相同,或在任何方面有所不同?浏览器会要求用户确认重新发布吗?页面的哪些元素将被重新请求以及从缓存中加载了哪些元素?浏览器会尊重我的缓存控制标头吗?
这些问题的答案取决于品牌,浏览器版本和用户设置。设计软件,以使所有这些都无关紧要。
抱歉,不是很直接的答案,但是这里已经有一些直接的答案。
浏览器总是存储页面以供记忆,当我们按下“后退”按钮时,它不会将请求发送到上一页的服务器,而是只会看到其存储页面的缓存,并且遵循LIFO规则,这就是为什么在最后一次打开后退按钮时,先给我们该页面