tut_extension_samples.md

layout	title	author	copyright
default-withsidebar	Extension templates and samples	shwetankdixit	opera-ccby

Introduction

This is a repository of all the example extensions to help you get started with making Opera extensions. These could be useful for just looking through the code and learning about extensions, or you could take any of these as a starting point and then edit them and build upon them for your own extensions. If you haven't done so already, we highly recommend that you read through the architecture overview before proceeding.

Browser and Page Actions

Sample extensions:

• An extension which simply adds a button to the toolbar
• An extension which simply adds a popup to the toolbar
• An extension which adds a page action

Relevant reading:

• Buttons, popups and badges(browser actions)
• chrome.browserAction

Messaging

Sample extensions:

• An extension which does simple, short lived communication (it counts the number of paragraphs in the page and updates the badge)

Relevant reading:

• Passing messages in extensions
• chrome.runtime

Windows and Tabs

Sample extensions:

• An extension which simply creates a new tab
• An extension which takes current URL, creates a new tab and runs the URL by the WAVE accessibility evaluation tool
• If you are on dev.opera.com, then clicking on button will redirect it to opera.com
• An example of closing, reloading and duplicating tabs
• Creates a new window with three predefined URLs loading in that window

Relevant reading:

• Working with tabs and windows
• chrome.tabs, chrome.windows

Context Menu

Sample extension:

• A sample extension showing how to use the Context Menu API

Relevant reading:

• Working with the context menu
• chrome.contextMenus

Speed Dial

Sample extension:

• Sample speed dial extension

Relevant reading:

• Speed Dial extensions
• opr.speeddial

History API

Sample extension:

• Accessing history of currently active tab
• Deleting history of the currently active tab

Relevant reading:

• Working with the browser history
• chrome.history

Internationalization (i18n)

Sample extension:

• Extension showing how i18n should work. The text in popup should be correctly translated in Spanish if the browser locale is changed to Spanish

Relevant reading:

• Internationalization
• chrome.i18n

Address Bar extensions

Sample extension:

• Type the keyword 'extquery' in the address bar followed by your query. The extension will search the query on the Opera extensions documentation site
• Type the keyword 'extdocs' in the address bar followed by your query. The default suggestion is to search on the Opera Extensions documentation site . The next option is a search on StackOverflow with the tag [opera-extension], followed by a Google search.

Relevant reading:

• Creating address bar extensions
• chrome.omnibox

Off-Road Mode

Sample extension:

• Extension which toggles Off-Road Mode in the browser

Relevant reading:

• Working with Off-Road Mode
• chrome.types

Sidebar Extensions

Sample extension:

• Sidebar extension which maintains state using background script and localStorage

Relevant reading:

• Creating extensions for the sidebar
• opr.sidebarAction