javascript - 粘贴url显示其标题

Question

有点好奇 zhihu 是怎么实现在答案评论里粘贴url显示其title的,可以用JavaScript取得目标url的title么 ? 求指教

Answer 1

很简单，监听浏览器的粘贴事件，匹配粘贴内容中的URL字串，然后AJAX发送请求给后台（知乎这里是 http://www.zhihu.com/scraper?url=http://imnerd.org 这个后台）抓取页面获得head中的<title>标签内容并返回就好啦。

Answer 2

为啥不去知乎搜素一下，或者提问一下。

由于 js 的安全策略，肯定不能直接获取。

1. 打开知乎的回答框
2. 按 F12，点击 network 标签
3. 粘贴 http://segmentfault.com/q/1010000000592951

4. 你就会看见
   

   我们再来看看返回的信息：
   

   和本页的标题 粘贴url显示其标题 - SegmentFault 对比一下，智能的去除了 - SegmentFault。

因此，具体的思路是，用 ajax 将粘贴的网址发送给后台，后台去获取标题，然后处理一下，返回给前台。

看似简单，其实还要考虑编码、智能去除后缀等问题。