gpt4 book ai didi

youtube - 对 YouTube 加载页面的新方式感到好奇

转载 作者:行者123 更新时间:2023-12-02 02:00:40 25 4
gpt4 key购买 nike

我注意到,当我观看视频并单击 Logo 或相关视频时,屏幕上会出现红色进度条( Logo 上方)。同时,有一个轻微的覆盖,使内容“变灰”,然后在新页面中淡出。仅供引用,URL 在进度条和转换发生之前更改为新 URL。

该栏的 div ID 是进度。看起来像是某种很酷的 jQuery ajax 加载,但页面不断变化。我不知道。

enter image description here

最佳答案

YouTube 正在使用 HTML5 History API在历史堆栈中添加和删除页面 URL。这会导致地址栏中的 URL 发生变化,并且后退/前进按钮起作用,同时仍然通过 JS (ajax) 实际加载页面。

此时实现具有向后兼容性的 API 的最简单方法是使用 History.js 。我所说的向后兼容性是指对于尚不支持 HTML5 History API 的旧版浏览器,回退到哈希标签方法。

Check out the History.js demo!

我认为 Twitter 可能是使用哈希 URL 的最著名的网站示例。例如,twitter.com/#!/username 多年来一直是常见的景象。这种方法的问题是哈希标签是客户端的,因此你需要 JS 来读取它们并提供正确的内容。任何点击哈希 URL 的非 JS 用户都只会登陆 Twitter 的主页。

Beatport顺便说一下,它是最早使用 HTML5 History 技术的主要网站之一。 SoundCloud 最近也实现了它。这两个网站都非常需要 HTML5 历史记录,以确保访问者浏览页面时能够播放音频。

关于youtube - 对 YouTube 加载页面的新方式感到好奇,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15824909/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com