User interface
Firefox for Android offers a streamlined version of the UI found in desktop Firefox, ensuring Firefox offers an enjoyable and engaging experience on mobile. Some of the differences relate to how the Android UI differs from the desktop UIs found in Linux, Mac OS, and Windows. For example, Android does not support a windowing environment, and devices do not usually include a physical keyboard, from which keyboard shortcuts can be issued. Other differences relate to optimizing usability on smaller mobile device screens.
As a result of the UI differences, extensions for Firefox for Android do not support the following APIs and manifest.json keys:
-
commands
and the related commands
manifest.json key, as Android tablets and smartphones do not usually have a physical keyboard from which ‘commands’ can be issued.
-
sidebarAction
and the related sidebar_action
manifest.json key, due to the limited screen real estate on Android devices sidebars, such as the browser history, are presented in full browser tabs. Where possible, you should move any sidebar content to tabs as well.
-
windows
as there is only one Firefox on Android ‘window’, so it has no ability to open or otherwise manipulate additional browser windows.
Support for browserAction
and the browser_action manifest.json key is under development. Firefox 55 will support default_title
and default_popup
of the manifest.json key browser_action
, using default_title
to add an item to the Firefox for Android menu, and the browserAction.onClicked()
event will be available to listen for the menu item being tapped. Additionally, in Firefox 57 support for the browserAction.setTitle
and browserAction.getTitle
methods will be added.
Effect on your add-on UI
These differences impact the way you expose your add-on in the Firefox UI. The most common option, adding a button for your add-on to the Firefox toolbar with browserAction
, is not available (at least until Firefox 55). Nor can you expose your add-on through a sidebar or context menu. You will, therefore, use an address bar button (through the manifest.json page_action
key and pageAction
API) remembering that by default this button is hidden and must be shown programmatically.
The features of pageAction
are also reduced in Firefox for Android. The manifest.json key page_action enables you to define the button icon and a popup. You then have use of pageAction.show()
and pageAction.hide()
however, once ‘shown’, note that the address bar button is visible in all tabs (unlike the desktop behavior, where the button is shown only for a specified tab.) But you will still be able to hide the pageAction using pageAction.hide()
on a specific tab (say, for example, you wish to hide your extension’s page action icon in about:addons or about:memory tabs) And you can set a listener to pageAction.onClicked()
. pageAction.setPopup()
and pageAction.getPopup()
are also available, so you can update the popup or create a popup once the add-on is running.
Also, in both pageAction
and browserAction
popup content is opened in a new tab and persists until the user manually closes the tab.
You can also manipulate tabs on Firefox for Android. The tabs
API enables you to perform most of the actions you can on the desktop, the main exceptions are:
- zoom features, Firefox for Android has one zoom level only, which the user can override with a pinch gesture on the page.
- features related to selecting and moving tabs, again as these features are not supported on Android.
- the ability to detect a tab’s language or muted status.
Other UI related API and manifest.json key differences
There are some other UI features not supported, these are:
-
bookmarks
, which means you cannot manipulate the user’s bookmarks, although the user can do this themselves through the UI.
-
browsingData
, which means you cannot offer users features to clear browser data such as history, downloads, passwords, and alike.
- The chrome_url_overrides and chrome_settings_overrides manifest.json keys, which means you cannot add custom home and new tab pages.
-
contextMenus
, which means you cannot add options to context menus.
-
history
, which means you cannot search or manipulate the history of browsed pages.
-
omnibox
and the related omnibox manifest.json key, which means you cannot provide custom address bar suggestions.
-
sessions
, which means you cannot list and restore tabs that have been closed while the browser has been running.
- The options_ui manifest.json key can be used only from Firefox for Android version 57 and above.
Developer tools for Firefox for Android are provided through remote debugging mechanisms over USB or Wi-Fi that connect to the WebIDE on a desktop. Therefore, Firefox for Android does not provide any built-in developer tools and its extensions do not support the APIs to extend the developer tools: