1. 程式人生 > >在瀏覽器的標籤頁顯示網站標誌圖示(或指定圖示)的方法

在瀏覽器的標籤頁顯示網站標誌圖示(或指定圖示)的方法

對於不同的瀏覽器,方法是有差別的
1.對於IE或TT瀏覽器:把需要顯示的16x16畫素的ICO圖示命名為favicon.ICO放置在網站根目錄下,瀏覽器會自動檢索
2.這大概是所有瀏覽器通用的在標籤頁加入指定圖示的方法:
把favicon.ico圖示放到網站根目錄下,在網頁的<head></head>中加入
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
 
3.對於火狐瀏覽器:圖示格式沒有IE那麼嚴格,GIF和PNG格式的圖示也可以顯示,圖示名稱也可以不是favcion
4.把圖示放在根目錄後,在<head></head>中加入
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="gif_favicon.gif" type="image/gif" >

<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
<link rel="icon" href="png_favicon.png" type=" image/png" >
 
5.最後,ICO格式的圖片可以通過MagicICO這個小軟體製作,注意這個軟體只能識別PNG格式圖片
軟體下載地址:

http://ishare.iask.sina.com.cn/f/9614427.html
6.連結線上的圖片的時候,可以使用下面的方法(下面是CSDN圖示,可以直接放在網頁的head標籤裡面去,這樣就能直接顯示)
<link href="http://csdnimg.cn/www/images/favicon.ico" rel="SHORTCUT ICON">

}

高度提醒:當圖片變動時,記得清空瀏覽器快取!清空快取!清空快取!(血的經歷啊)

如果按照上述方法配置還是不出來的話,那就看看我的解決方法吧:

       我當時如上配置了:圖片名字是favicon.ico  ,放在專案根目錄下,加在網頁的<head></head>中加入<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />

發現,直接訪問jsp就OK,而訪問 xxx.do,就不行了,我們專案使用springmvc,使用了攔截器,也用了Filter,所有的請求都是通過形如xxx.do來訪問的,包括jsp;

我檢查過攔截器和過濾器都沒有攔截這個圖片,無奈只能想別的方法了

       開啟tomcat目錄的webapp下,找到ROOT目錄,替換掉裡面的favicon.ico,然後清理tomcat的work目錄,清除瀏覽器快取。。。。應該就OK了,還是要提醒下,在替換ico圖片時,發現在win10和win2012R2機器,無論是刪除後在貼上,還是直接替換,ico格式的圖片看上去都跟沒替換似的(因為ico格式圖片無需開啟,圖片內容一目瞭然),其實已經替換了,不知道這種二進位制格式圖片時咋子回事。。。不過問題解決就ok


備註:我實現的時候IE和firefox、chrome版本都是最新的,直接在網頁的<head></head>中加入
<link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />即可,注意下,圖片要放在根目錄下,

相關推薦

瀏覽器標籤顯示網站標誌圖示指定圖示方法

對於不同的瀏覽器,方法是有差別的 1.對於IE或TT瀏覽器:把需要顯示的16x16畫素的ICO圖示命名為favicon.ICO放置在網站根目錄下,瀏覽器會自動檢索 2.這大概是所有瀏覽器通用的在標籤頁加入指定圖示的方法: 把favicon.ico圖示放到網站根目錄下,在網頁的<head><

按照指定的寬高指定比例來重新設定bitmap

//把傳進來的bitmap物件轉換為寬度為x,長度為y的bitmap物件 public static Bitmap big(Bitmap b, float x, float y) { int w = b.getWidth(); int h

SHELL下如何去掉字串裡的空格指定字元

柳鯤鵬 網上很多辦法,雖然是對的,用起來結果不對。這裡提供正確辦法。 去掉開頭的空格 $text=" 123 456 " # 這個寫法,保證了得到正確的結果。 text=`echo $text | sed -e 's/^[ \t]*//g'` # 這些方法沒有測試,

網站設定圖示顯示瀏覽器標籤

這句話起什麼作用 ? <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />是定義站點的icon圖示,跟網頁中的圖片有本質上的區別,icon是顯示在位址列最前面的一個16*16的小

設定網頁在瀏覽器標籤顯示圖示

原文地址:http://blog.csdn.net/huhuan10/article/details/6092122 是不是開啟一些比較大型的網站,網頁的位址列前面都有該網站的標誌,網頁標誌ico如何設定? 位址列標誌favicon.ico?如何讓網站的圖標出現在位址列上?在收藏夾和位址列前面新增ICO圖

如何使用Chrome瀏覽器,打包生成自己的外掛crx格式檔案? 真男人敢於嘗試新鮮事兒:使用外掛,美化Chrome醜陋的標籤,提升福利,程式碼等搜尋效率,無障礙訪問谷歌

chrome extension,副檔名為crx,俗稱chrome擴充套件,chrome外掛。 crx檔案本質就是ZIP檔案,只是谷歌在ZIP檔案頭,插入了自定義的私有欄位,如,外掛描述,外掛ID,金鑰等。 使用者可以手動修改crx檔案的副檔名,修改為zip,然後使用普通的解壓工具,就能解壓。

python selenium 對瀏覽器標籤進行關閉和切換

1.關閉瀏覽器全部標籤頁 driver.quit() 2.關閉當前標籤頁(從標籤頁A開啟新的標籤頁B,關閉標籤頁A) driver.close() 3.關閉當前標籤頁(從標籤頁A開啟新的標籤頁B,關閉標籤頁B) 可利用瀏覽器自帶的快捷方式對開啟的標籤進行關閉 Firefox自身的快捷鍵分

瀏覽器標籤用程序還是執行緒來實現?

當IE和Firefox在瀏覽器市場激戰正酣時,Safari也加入了戰團。2008年,Chrome的出現,終於使Microsoft、Apple、Google和開源社群四股最大的技術推動力同時出現在這個市場上。   Google Chrome相對於前輩做了一個獨特的創新,那就是

關於兩個使用者用同一瀏覽器不能同時登入同一網站的問題session覆蓋問題

mask和一個小夥伴最近在幫學校搭一個網站,大體完工後,小夥伴告訴mask網站有bug——使用兩個使用者登入該網站時,第一個使用者會被擠掉。拿到問題時,我就覺得應該是session的問題(網站使用se

解決HTML embed標籤顯示在div上層not z-index

發現在IE8中,頂部浮動導航的div在移動到embed視訊上時,總是被embed的flash檔案蓋住。分別修改導航div和embed的z-index值仍然無法解決,很是鬱悶。 結合之前有過此類遭遇的經驗,慢慢摸索了半小時,意識到並非z-index的問題,問題應該是出在embed上,最後Google、百度

office2016安裝後新建圖示word\excel\ppt等檔案圖示顯示白色

雖然啟用的2016開啟也可以輸入檔案,但是圖示看著很不舒服!找了找 Excel檔案不顯示圖示的第一種方式:圖示未知  如下面的截圖,一個Excel文件,在桌面上預覽,可以看到excel檔案不顯示圖示。  對應的解決方法是:滑鼠右擊“EXCEL表格檔名”——屬性——常規——開啟

微信小程序UI------實現攜程首頂部的界面彈性布局

app clas 點擊下載 技術 使用 css .html 攻略 enter 今天寫了一個攜程界面的UI,利用H5的彈性盒子來實現,學過H5彈性盒子的,來看是比較方便的,因為CSS代碼都差不多。 可以看看這篇博客 快速使用CSS 彈性盒子 效果圖如下:    主要是攜程首頁

顯示頁面鏈接7.5.1

info item mat pub 以及 size action get 傳遞 1、添加視圖模型 PagingInfo(WebUI.Models)(這一步不用改,每個項目照用就行)     創建 PagingInfo 視圖模型,將“可用頁面數”、&

PyQt訓練BP模型時,顯示waiting動圖多線程

entropy series optimize 目錄 分享 PE 技術分享 eve http 1、實現效果 2、相關代碼 實現BP訓練模型的線程類 1 class WorkThread(QtCore.QThread): 2 finish_trigger =

微信小程序之多列表的顯示和隱藏功能附源碼

初始 hat 思考 控制 inf 效果圖 b-s 分享 ado 今天在項目碰到一個問題,之前在項目首頁實現單列表的顯示和隱藏,通過wx:if判斷就可實現,現在要實現多列表的單項顯示和隱藏功能應該如何實現呢?如果還用wx:if實現的話會出現點擊一個列表項,多個列表同時顯示

Linux詳細搭建httpd網站搭建服務阿帕奇

日誌 enc 9.1 RKE virtual 新版本 util open 依賴 1.httpd簡介當今主流的開源Web服務器軟件有httpd(Apache),lighttpd,nginx,thttpd等,而httpd是迄今為止使用量多的web服務器,據統計目前httpd的全

移動端判斷在微信瀏覽器中是否可以開啟該頁面轉載0記錄

在實際的專案中,有時候需要判斷當前頁面是否在微信瀏覽器中開啟 ,以下提示了三種方法,每一種都可以, 方法一,   var ua = navigator.userAgent.toLowerCase(); var isWeixin = ua.indexOf('micromes

java小白自己動手開發一個網站之搭建一個網站需要啥第2回

新手小白,大神們看到什麼問題,請多多指出 目錄 新手小白,大神們看到什麼問題,請多多指出 搭建網站的流程 註冊域名 購買空間 製作網站 搭建網站的流程 搭建網站有哪些流程 1\註冊域名  2\購買空間  3\製作網站  &

java小白自己動手開發一個網站之立項第1回

新手小白,大神們看到什麼問題,請多多指出   MyWeb專案立項     修訂記錄表 修訂人 修訂版本 修訂描述 修訂時間 備註