【Web前端问题】粘贴url显示其标题

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

回答:

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

回答:

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

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

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

  4. 你就会看见
    请输入图片描述

    我们再来看看返回的信息:
    请输入图片描述

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

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

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

以上是 【Web前端问题】粘贴url显示其标题 的全部内容, 来源链接: utcz.com/a/141871.html

回到顶部