The ‘ remote‘ attribute separates the embedded iframe into another child process. A web page can request fullscreen mode by calling Element.mozRequestFullscreen(). The mozallowfullscreen attribute enables the embedded web page of the iframe to use fullscreen mode. Var iframe = document.createElement('iframe')

* Returns an iframe which runs in a child process with Browser API enabled Following is the code in tab.js which creates an iframe with the ‘ mozbrowser‘ attribute to enable the use of the Browser API. In order to separate the UI and mozbrowser event handling and preserve the flexibility of supporting multiple tabs in the future, we have added a tab.js file. The browser app has to handle mozbrowser events which are accessible when the app has the browser permission. We could have added the iframe to the HTML, but in this example a new browser iframe will be created dynamically.īelow is a screenshot of the simple browser app: The browser iframe will be created later using JavaScript. The browser app we’re building will have a toolbar on top and a div as the iframe container which displays ‘Hello myBrowser!’ by default. To allow our app to use the Browser API, we need to specify the ‘ browser‘ permission. The template has already set the app type to privileged in the manifest.webapp. Next we’ll start to add code to make a simple browser app. The Browser API provides additional methods and events to manage iframes.īelow is a screenshot of what the app should look like. This permission is required in order to use the Browser API. The app type needs to be privileged so the browser permission can be set. To open the WebIDE within Firefox, select Tools > Web Developer > WebIDE from the top menu:įirst, bootstrap a web app using the WebIDE empty template. By using the WebIDE, we can easily bootstrap a web app, make HTML/CSS/JS modifications and run the app on one of the Firefox OS simulators. A Firefox OS device is not required to develop, build or test a browser app. The WebIDE is available with Firefox 34 or later. Following the steps, you’ll get a basic Firefox OS browser app with an address bar and back/forward buttons to browse web pages. This article shows you how to build a browser app for Firefox OS devices. While Firefox OS already includes a browser, you can use the browser API to create your own browser or add browser functionality to your app. It also manages tabbing, browsing history, bookmarks, and so on depending on the implementation. A browser app on Firefox OS provides a user interface written with HTML5 technology and manages web page browsing using the Browser API. Firefox OS is an operating system built on top of the Firefox web browser engine, which is called Gecko.

How to search a web page in mozilla