Добавьте favicon в проект JSF и укажите его в <link> - PullRequest
Новая
       15

Добавьте favicon в проект JSF и укажите его в <link>

27 голосов
/ 12 мая 2011

Как добавить значок в проект JSF и ссылаться на него в элементе <link>?

Я попробовал, как показано ниже: 

<h:head>
    <link rel="icon" type="image/x-icon" href="images/favicon.ico"/>
    ...
</h:head>

Однако, это не показывало иконку.

Ответы [ 4 ]

60 голосов
/ 12 мая 2011

Относительно href относительно текущего URI запроса.Скорее всего, это привело к неверному URL.Вам необходимо добавить путь к контексту, чтобы он стал относительно корня домена.

Кроме того, rel лучше иметь значение shortcut icon, чтобы оно работало и в старых браузерах.

В случае использования файла .ico вам также необходимо убедиться, что это real .ico файл, а не какой-либо .bmp, переименованный в .ico.Вы можете создать один здесь на основе нескольких форматов изображений.Однако вы также можете просто использовать файл .png или .gif.

В целом, при условии, что файл находится в 

WebContent
 |-- images
 |    `-- favicon.ico
 :

, тогда это должно сделать это: 

<link rel="shortcut icon" type="image/x-icon" href="#{request.contextPath}/images/favicon.ico"/>

Если вы, однако, поместили его в качестве ресурса JSF в папку /resources следующим образом 

WebContent
 |-- resources
 |    `-- images
 |         `-- favicon.ico
 :

, что сделает его доступным для <h:graphicImage name="images/favicon.ico">, то это следует сделать: 

<link rel="shortcut icon" type="image/x-icon" href="#{resource['images/favicon.ico']}"/>

См. Также:

13 голосов
/ 17 октября 2013

Я использовал следующее, и оно работает как в IE, так и в Chrome 

<link rel="shortcut icon" href="#{resource['images/favicon.ico']}" type="image/x-icon" />
4 голосов
/ 12 мая 2011

В качестве примечания, я всегда включаю оба из них при ссылке на фавикон: 

<link rel="shortcut icon" type="image/x-icon" href="https://a.staticimageserver.com/img/favicon.ico" />
<link rel="icon" type="image/x-icon" href="https://a.staticimageserver.com/img/favicon.ico" />
3 голосов
/ 05 августа 2011

Поскольку JSF использует ресурсы в качестве контейнера для хранения папки с файлами изображений, вы можете сделать следующее; 

<link rel="shortcut icon" type="image/x-icon" href="#{request.contextPath}/resources/images/favicon.ico"/>
...