获取网站icon，常用最简单的方法就是通过website/favicon.ico来获取，不过由于很多网站都是在页面里面设置favicon（<link rel="shortcut icon"  href="http://example.com/favicon.ico" />），所以此方法很多情况都不可用。

更好的办法是通过google提供的服务来实现：http://www.google.com/s2/favicons?domain=http://www.baidu.com

代码：

<!doctype html>

<html>

<head>

    <meta charset="utf-8">

    <style type="text/css">

    #input {

        height: 300px;

        padding: 10px 5px;

        line-height: 20px;

        width: 1000px;

    }

    #submit {

        height: 30px;

        text-align: center;

        color: #ffffff;

        line-height: 30px;

        width: 80px;

        background-color: blue;

        margin-top: 20px;

    }

    #result {

        margin-top: 20px;

    }

    #result li {

        height: 40px;

        line-height: 40px;

        float: left;

        margin: 10px 14px;

    }

    </style>

</head>

<body>

    <textarea id="input" placeholder="输入多个网址以空格间隔"></textarea>

    <div id="submit">获取icon</div>

    <ul id="result">

    </ul>

    <script type="text/javascript">

    var input = document.getElementById("input");

    var submit = document.getElementById("submit");

    var result = document.getElementById("result");

    var val;

    function trim(str) {

        var whitespace = ' \n\r\t\f\x0b\xa0\u2000\u2001\u2002\u2003\u2004\u2005\u2006\u2007\u2008\u2009\u200a\u200b\u2028\u2029\u3000';

        for (var i = 0, len = str.length; i < len; i++) {

            if (whitespace.indexOf(str.charAt(i)) === -1) {

                str = str.substring(i);

                break;

            }

        }

        for (i = str.length - 1; i >= 0; i--) {

            if (whitespace.indexOf(str.charAt(i)) === -1) {

                str = str.substring(0, i + 1);

                break;

            }

        }

        return whitespace.indexOf(str.charAt(0)) === -1 ? str : '';

    }

    function getFavIconUrl(url) {

        var prohost;

        prohost = url.match(/([^:\/?#]+:\/\/)?([^\/@:]+)/i);

        prohost = prohost ? prohost : [true, "http://", document.location.hostname];

        //补全url

        if (!prohost[1]) {

            prohost[1] = "http://";

        }

        //抓取ico

        return "http://www.google.com/s2/favicons?domain=" + prohost[1] + prohost[2];

    }

    submit.onclick = function() {

        val = input.value;

        if (!val) alert("输入为空！");

        val = val.split(" ");

        val.forEach(function(item) {

        	item = trim(item);

            if (!item) return;

            result.innerHTML += "<li>" + item + "<img src='" + getFavIconUrl(item) + "'></li>";

        });

    };

    </script>

</body>

</html>

源代码下载：http://files.cnblogs.com/shinnyChen/getIcon.rar

后记：

对于国内的网站，也可以使用360的服务：

http://cdn.website.h.qhimg.com/index.php?domain=www.baidu.com

如何获取网站icon的更多相关文章

  1. 获取网站图标Icon

    通常情况下,做网站的都会给自己的网站添加一个Icon,浏览器上一长排的标签页,用Icon来区分就显得更加醒目.现在想找一个没有Icon的网站并不好找,可见没有Icon的网站是多么的业余啊." ...

  2. 再谈获取网站图标Icon

    上一篇文章讨论了一下获取网站图标方法,是通过从根目录直接获取和html解析结合的方式来获取的,并给出了相应的代码示例.这一篇来讨论一个更现成的方法,这个方法是从360导航的页面发现的,在导航页面中点击 ...

  3. PHP获取网站图标（favicon.ico）文件

    有的网站源码中加入了这几行代码: <link rel="shortcut icon" href="/favicon.ico" type="ima ...

  4. 使用PHP获取网站Favicon的方法

    使用PHP获取网站Favicon的方法 Jan022014 作者:Jerry Bendy   发布:2014-01-02 23:18   分类:PHP   阅读:4,357 views   20条评论 ...

  5. 曲线救国：IIS7集成模式下如何获取网站的URL

    如果我们在Global中的Application_Start事件中访问HttpContext.Current.Request对象,如: protected void Application_Start ...

  6. js获取网站根目录

    //js获取网站根路径(站点及虚拟目录),获得网站的根目录或虚拟目录的根地址         function getRootPath(){        var strFullPath=window ...

  7. php获取网站根目录

    php获取网站根目录方法一:<?phpdefine("WWWROOT",str_ireplace(str_replace("/","\\&quo ...

  8. 【ASP.NET】获取网站目录的方法

         获取网站物理路径: HttpRuntime.AppDomainAppPath 获取网站虚拟路径: HttpRuntime.AppDomainAppVirtualPath

  9. .net 获取网站根目录总结

    一.获取网站根目录的方法有几种如: Server.MapPath(Request.ServerVariables["PATH_INFO"]) //页面详细路 Server.MapP ...

随机推荐

  1. 解读sample2

    说明 理解被测试代码 理解测试代码 组织关系 检查字符串比较结果的断言 说明 被测试代码文件 sample2.h.sample2.cc 测试代码文件 sample2_unittest.cc 官网上如是 ...

  2. Java学习日记-2.2 增强后的switch-case

    switch-case语句的基本格式 switch(expression){ case condition1: ... break; case condition2: ... break; case ...

  3. G - Arctic Network - poj2349

    在北极圈有一些基地,这些基地需要建立通讯网络,他们可以通过卫星直接通信或者无线通信,基地有S个卫星,N个基地,不过无线通信的传输距离是D,距离越远费用越高,现在想知道D最小是多少. 分析:使用krus ...

  4. oracle-TNS是什么？

    oracle 的 TNS 是什么的缩写?Transparent Network Substrate(透明网络底层,即无论底层的网络层用什么协议对于上层的应用层都是透明的,也即上层的应用层不用关心底层的 ...

  5. hyperv虚拟机网络速度慢问题的解决办法

    服务器安装了windows2012R2进行虚拟化,虚拟机也是用的是windows2012R2的操作系统,这样可以一次激活对应的虚拟机. 在使用虚拟机的过程中发现问题,虚拟机主机的网速正常,无论是ftp ...

  6. C++ —— 类模板的分离式编译

    目录 对于C++中类模板的分离式编译的认识 具体的实例 1.对于C++中类模板的分离式编译的认识 为什么C++编译器不能支持对模板的分离式编译(博文链接) 主要内容:编译器编译的一般工作原理.对模版的 ...

  7. wxPython学习笔记(三)

    要理解事件,我们需要知道哪些术语? 事件(event):在你的应用程序期间发生的事情,它要求有一个响应. 事件对象(event object):在wxPython中,它具体代表一个事件,其中包括了事件 ...

  8. HTTP meta 设置方法

    网页的缓存是由 HTTP 消息头中的 “Cache-control” 来控制的,常见的取值有 private.no-cache.max-age.must-revalidate 等,默认为private ...

  9. Android打包常见错误之Export aborted because fatal lint errors were found

    打包时报如下错误: <ignore_js_op> Export aborted because fatal lint errors were found. These are listed ...

  10. swift开发笔记24 解决键盘遮挡输入框 的方法

    很简单,就是开始输入时把整个view的frame上移,也就是把y值减小就行了,至于减少多少自己调 ,也可以动态获取参见(http://blog.csdn.net/lengshengren/articl ...