By Opera Software

From Opera 15 onward, Opera 11 & 12’s extension format is no longer supported, and instead, we’ve switched to Chromium’s extension model. Check out our new documentation for developing extensions for Opera 15 and higher and start building your own extensions.


The readonly faviconUrl attribute exposes the current favicon for the browser tab. On getting, the browser returns the URL of the favicon for the current document if an icon exists and if the browser tab is not closed. Otherwise, an empty string is returned.


readonly string faviconUrl // maps to document.readyState


The following example creates a button on the browser toolbar. When the button is clicked, the URL of the current tab's favicon is retrieved. Then a new tab is opened containing the favicon.

// The background process (e.g. index.html)

// Specify the properties of the button before creating it.
var UIItemProperties = {
  disabled: false,
  title: "Example extension",
  icon: "images/icon_18.png",
  onclick: function() {
    // Get the currently selected tab
    var thisTab = opera.extension.tabs.getSelected();

    // Get the URL of its favicon
    var favicon = thisTab.faviconUrl;

    // Create a new tab containing the favicon
    opera.extension.tabs.create({url: favicon});

// Create the button and add it to the toolbar.
var button = opera.contexts.toolbar.createItem( UIItemProperties );

This article is licensed under a Creative Commons Attribution 3.0 Unported license.


No new comments accepted.