如何实现自动url检测像facebook?(不是如何实现url提取)

How to implement automatic url detection like facebook? (Not how to implement url extraction)

本文关键字:何实现 url 实现 提取 检测 facebook      更新时间:2023-09-26

我被困在问题检测url像Facebook。在Facebook中,当我们输入任何url时,它会自动获取url详细信息。它检查输入数据的文本区域后面跟着空格,然后它获取该键入url的详细信息。

例如,我输入

www.google.com

在我的Facebook状态更新文本区域,当我按空格键时,它会输入url并找到其详细信息。

:

Gmail: Email from Google
https://accounts.google.com/ServiceLogin..。

7+ GB的存储空间,更少的垃圾邮件,以及移动访问。Gmail是一款直观、高效、实用的电子邮件。甚至可能很有趣。

我已经实现了url提取,并获得所有的细节从url像Facebook,但在我的实现我有一个文本区域和一个提交按钮。当用户按下提交按钮时,它将获取输入url的详细信息(如果可用)。

我想升级我的实现像Facebook。我把我的代码放在这里,我需要做什么改变?请给我一些提示/指导。

我代码:

<div>
<input type="text" name="url" size="64" id="url" />
<input type="submit" name="attach" value="Attach" id="attach" />
</div>
<div id="loader">
// Url content display div
</div>

脚本代码:

$(document).ready(function () {
    $('#url').keyup(function () {
        //alert("something is here!!");
        if (!isValidURL($('#url').val())) {
            //                alert('Please enter a valid url.');
            return false;
        }
        else {
            $('#load').show();
            var a = $('#url').val();
             // some code for extracting url//
             }
          }
    });

isValidURL()检测其url是否存在

我要做什么改变,这样它就会发现第一个输入的文本是url或不是,如果它的url,那么只有它会走得更远。(我如何检查空格前的文本)?

您可以ping输入的文本并检查答案