суббота, 25 апреля 2015 г.

Значок веб-страницы(favicon) и иконка для закладок в JDeveloper 12c

Favicon (от англ. FAVorite ICON -  «значок для избранного»)  - значок веб-страницы. Отображается браузером во вкладке перед названием страницы, а также в качестве картинки рядом с закладкой и  во вкладках .

Начиная с 11.1.2.x версии у тэга   <af:document>  появились атрибуты  smallIconSource  и largIconSource (тег <af:document> используется в jspx страницах).
 
smallIconSource - атрибут, для указания favicon. В необходимо указать адрес на небольшой значок размером 16 на 16(favicon). Если   этот атрибут не указан, браузер использует файл с именем "favicon.ico" находящийся  в корневом каталоге вашего сервера. Этот атрибут поддерживает  ввод списка файлов разделенных пробелами. Если путь к файлу определяет один слэш "/", это означает, что файл находится в корневой папке веб-приложения (т.е. "/misha.png" будет искаться в "http://www.oracle-adf.info/.../faces /misha.png "). Если путь к файлу определяет 2 cлэша "//', это означает, что файл находится в корневой папке сервера (т.е. "//misha.png" будет искаться в "http://www.oracle-adf.info/misha.png").  Как правило, используется первый в  списке файл . В противном случае, если браузер поддерживает только определенные типы файлов, то будет использоваться первый файл в списке, который поддерживает текущий браузер.

largeIconSource  - большой значок, который браузер может использовать для закладки вашей страницы. Если   этот атрибут не указан, браузер может использовать по умолчанию файл с именем  "apple-touch-icon.png". Возможные размеры  значка : 57x57 ,72 x72,129x129 пикселей.

Пример кода :
<af:document title="СуперПортал" 
 smallIconSource="/favicon.png /favicon.ico" 
 largeIconSource="/touchicon.png"> 
 <af:form> 
... 
</af:form> 
</af:document>




Если вы используете JDeveloper 11.1.1.x то вам придется использовать фасет metaContainer в тэге  <af:document>.

Пример  кода :


<af:document id="d1">
...
<f:facet name="metaContainer">
<af:outputText value="&lt;link rel='SHORTCUT ICON' href='#{facesContext.externalContext.requestContextPath}/favicon.ico'/>" id="favicon" escape="false"/>
</f:facet>
</af:document>