Javascript:如何将顶栏添加到短网址？

Question

我一直在尝试了解如何开发一种 bit.ly 样式的 URL 缩短器，它还会在网站上添加一个栏。

例如:http://om.ly/BSdZu

在 twitter 上有一个小组分享他们所有以“om.ly”开头的网址，并且他们在他们分享的每个网址中都有一个顶部栏。

这是怎么做到的？我想是用 JavaScript 但如何？另外，您知道有什么服务可以做到这一点，以便我了解如何做到这一点？

Answer 1

您可以通过 2 种方式做到这一点(至少):

• 通过框架集 -- 不推荐，因为它是旧样式；但是您可以设置顶部框架以显示您的工具栏，而底部框架将 url 设置为页面
• 通过 iframe - 让您的 url 从您的网站加载一个页面，该页面显示到 iframe:顶部是您的工具栏，您可以在其中显示任何您想要的内容，而底部的您将 url 设置为长 url。这就是 bit.ly、linkedin 和许多其他公司的做法。