在 URL 中放 # 是出于什么考虑？

今天发现网页版网易云音乐分享歌单 http://music.163.com/#/share/35255916/90382499
路径里有个#，之前也遇到过类似的情况。网上搜了一圈，都被导向锚点的解释去了，显然不是我想要的答案。

于是我用 Tornado 测试了一下：

class Application(tornado.web.Application):

    def __init__(self):
        """"""
        handlers = [
            (r"/", IndexHandler),
            (r"/#/test", TestHandler),

class TestHandler(BaseHandler):
    def get(self):
        self.write("可以访问!")

Server 地址是: http://localhost:8090

结果如下：
1. 访问 http://localhost:8090/#/test 返回的是首页
2. 修改代码

class Application(tornado.web.Application):

    def __init__(self):
        """"""
        handlers = [
            (r"/", IndexHandler),
            (r"/test", TestHandler),

访问 http://localhost:8090/test，确认服务正常，可以返回预期页面。

那么很显然了：# 放在 URL 中虽然看起来像是一级路径，但还是起到锚点的作用。浏览器会自动把 # 及其以后的整体部分识别为锚点（猜测）。

随之问题来了：

为什么现在开发要用采用这种方案呢？是考虑抓取问题么？

这个问题困扰我一段时间了，公司内部也有两个平台是这么做的（显然和抓取没毛线关系）。问了一圈貌似也没人知道。

求指导 ಥ_ಥ

Biwood

2015-07-04 23:15:13 +08:00

网易云音乐这个是非常特殊的单页应用（SPA），他们不是用 AJAX 而是用 iframe，他们的页面内容全部都是嵌套在一个 iframe 里面，只有页面底下的播放器在 iframe 之外，这是为了使得用户浏览内容的时候不会刷新正在播放的歌曲。

至于#后面的部分数据，其实就是 iframe 指向的地址，他们监听了 hash 的变化，每次 hash 发生变化时就把地址赋值给 iframe 的 src，以实现页面的跳转。你可以右键查看他们的页面源代码，直接就能找到那段监听 hash 值变化的代码。

Biwood

2015-07-04 23:22:12 +08:00

网易云音乐的 hash 的使用属于特殊案例，而一般的锚点都是用来指向页面上的某一个片段的，这样能够精确定位到页面上的某一部分内容，比如很多技术文档的二级标题前面都有一个可以点击的链条图标，这个就是为了方便用户复制链接并分享该片段，当别人点击这个链接时可以在打开网页后直接跳到该片段，而不是停留在网页的顶部，类似这种链接： https://help.github.com/articles/set-up-git/#setting-up-git