Chrome不顯示收藏夾圖標

我無法在Chrome瀏覽器上顯示此網站的收藏圖標http://www.lowcoupling.com。我已經檢查過它與Safari和圖標正確顯示我應該如何解決它？Chrome不顯示收藏夾圖標

UPDATE

這裏如下我的CSS

<!DOCTYPE HTML> 

<html b:render='false' b:version='2' class='v2' expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'> 
    <head profile="http://www.w3.org/2005/10/profile"> 


    <b:include data='blog' name='all-head-content'/> 
    <title>Low Coupling</title> 
    <meta content='!' name='fragment'/> 
    <meta content='dynamic' name='blogger-template'/> 
    <meta content='IE=9,chrome=1' http-equiv='X-UA-Compatible'/> 
    <meta content='initial-scale=1.0, maximum-scale=4.0, user-scalable=yes, width=device-width' name='viewport'/> 

    <meta name='text:Disqus Shortname' content='' /> 

<!-- Le styles --> 
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap.css" rel="stylesheet"> 
    <style type='text/css'> 
    .hero-unit { 
     background-color: white; 
     min-height: 0px; 
    padding: 0px; 
    min-width: 0px; 
    margin-bottom: 30px; 

    } 

     body { 
     padding-top: 60px; 
     padding-bottom: 40px; 
     } 


     .sidebar-nav { 
     padding: 9px 0; 
     } 

     .tweet{ 
      margin-top: 10px; 

     } 
     p.centredimg { 
     text-align: center; 
     } 

     } 
    </style> 
    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.1/css/bootstrap-responsive.css" rel="stylesheet"> 
<link href="http://alexgorbatchev.com/pub/sh/current/styles/shCoreDefault.css" rel="stylesheet" type="text/css" /> 
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shCore.js" type="text/javascript"></script> 
<script src="http://alexgorbatchev.com/pub/sh/current/scripts/shBrushJava.js" type="text/javascript"></script> 
<script type="text/javascript">SyntaxHighlighter.all();</script> 



<script> 
    (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 
    (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 
    m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 
    })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 

    ga('create', 'UA-41136618-1', 'lowcoupling.com'); 
    ga('send', 'pageview'); 

</script> 

    <!-- HTML5 shim, for IE6-8 support of HTML5 elements --> 
    <!--[if lt IE 9]> 
     <script src='../assets/js/html5shiv.js'></script> 
    <![endif]--> 
<link rel="shortcut icon" href='http://sites.google.com/site/lowcoupling/favicon_16x16.ico'/> 
    </head> 
    <body> 

<div class='navbar navbar-inverse navbar-fixed-top'>

來源

2013-06-01 lowcoupling

您是否已使用chrome清除緩存？這通常是罪魁禍首。我可以在Safari上看到它。 – gersande

我剛剛在Chrome瀏覽器上查看了該網站，事實上它並未顯示出來。這是一個問題，因爲該網站是在tumblr上？我通常不會與tumblr合作，所以我不知道如何去檢查這個問題。 – gersande

該網站是在tumblr上，但你可以配置css，只要你喜歡，所以我想我在css中做了一些錯誤 – lowcoupling

enter image description here 你有你的meta標籤和stylesheet包括文檔的body而不是head

[圖片]這是你的代碼中。爲了清晰起見，頭部部分關閉。正文部分已打開，因此向您顯示我所指的標籤位於此處。

來源

2013-06-01 06:53:10 Vector

你確定嗎？它實際上並不是我 – lowcoupling

我已經採取了代碼的屏幕截圖來向您展示 – Vector

這很奇怪，因爲如果我查看css並在源處從瀏覽器中檢索它看起來不像您發佈的圖片。頭部包含meta標籤，body標籤不具有data-twttr-rendered屬性 – lowcoupling

的第一部分，如果添加type="image/png"像這樣會出現什麼情況：

<link rel="shortcut icon" type="image/png" href="http://sites.google.com/site/lowcoupling/lowcouplingFavicon-01.png">

見this reference。也許甚至刪除'快捷方式'位，只需要rel="icon"，如果沒有其他的工作，從png切換到ico文件。

來源

2013-06-01 04:46:08 stephenmurdoch

我已經嘗試了所有的事情，你現在建議我使用ico文件，但仍然看不到favicon – lowcoupling

Chrome不顯示收藏夾圖標

回答

相關問題