如何加载仅包含文本内容的 iFrame？

Question

我在下面找到了用于创建 iframe 的 sn-p：

我只想在 http://www.host.com 加载文本内容并使用 display:none 使 iframe 不可见

背景：

我需要一种有效的方法来解析网站图标的位置。并非所有站点都有默认位置。例如<link rel="SHORTCUT ICON" href="../images/logo_small.ico" />。

因此，我只需要文本内容。 PHP 有一个函数可以做到这一点（file_get_contents），但我想在客户端做。

这里是mdn documentation on iframe

对于服务器端 PHP，请使用 file_get_contents.

function makeFrame() {
   ifrm = document.createElement("IFRAME");
   ifrm.setAttribute("src", "http://www.host.com");
   ifrm.style.width = 640+"px";
   ifrm.style.height = 480+"px";
   document.body.appendChild(ifrm);
} 

美味书签示例：

javascript:(function()
{
    f='http://www.delicious.com/save?url='+encodeURIComponent(window.location.href)+
    '&title='+encodeURIComponent(document.title)+'&notes='+
    encodeURIComponent(''+
    (window.getSelection?window.getSelection():document.getSelection?
    document.getSelection():document.selection.createRange().text))+'&v=6&';
    a=function()
    {
        if(!window.open(f+'noui=1&jump=doclose','deliciousuiv6','location=1,links=0,scrollbars=0,to
        olbar=0,width=710,height=660'))
        {
            location.href=f+'jump=yes'
        }
    };
    if(/Firefox/.test(navigator.userAgent))
    {
        setTimeout(a,0);
    }
    else
    {
        a();
    }
})()

Answer 1

只有当您的页面和框架页面都在同一个域中时，您才能访问 iframe 中的链接元素。引用docs you found：

试图访问框架内容的脚本受same-origin policy 的约束，如果从其他域加载，则无法访问其他窗口对象中的大部分属性。

因此，需要使用 PHP 解决方案。加载给定的域，使用 tagoup 解析器并在 dom 中查询 link[rel="SHORTCUT ICON"]。

您可以使用该解决方案创建一个 JSON API，该 API 可以在您应用程序的客户端 js 代码中通过 Ajax 使用。

Answer 2

我认为如果页面位于不同的服务器上，由于浏览器中的cross-site scripting 限制，您将难以获取信息客户端。

如果你想看的都是本地的：

XMLHttpRequest();

和

getResponseText();

我认为您可能最好使用 PHP 方法。

编辑：

我认为这是一个类似的问题：

XMLHttpRequest to get HTTP response from remote host

回复可能会提供进一步的帮助。