Firefox Kiosk Mode

By  on  

As someone who loves the HTML and web APIs, I want to see them used in all different types of devices and mediums. Being that I work for the amazing Mozilla Corporation, seeing Firefox and the gecko web engine thrive in those spaces is important to me.

Firefox was recently featured in the Firefox OS phone, Firefox OS TV, and a host of IoT devices. I was pleased to see our platform team recently created a new mode for launching Firefox -- "kiosk mode":

firefox --kiosk "https://davidwalsh.name

# Mac direct launch
# /Applications/Firefox\ Nightly.app/Contents/MacOS/firefox --kiosk

Kiosk mode immediately launches Firefox in full screen (and full screen cannot be undone).

I'm hoping to find some improvements to this in its current form, including: hiding title bar, hiding address bar, and hiding tabs -- a true "chrome-only" view. Congrats to the Firefox team -- this kiosk mode was asked for 17 years ago!

Recent Features

  • By
    Creating Scrolling Parallax Effects with CSS

    Introduction For quite a long time now websites with the so called "parallax" effect have been really popular. In case you have not heard of this effect, it basically includes different layers of images that are moving in different directions or with different speed. This leads to a...

  • By
    CSS Animations Between Media Queries

    CSS animations are right up there with sliced bread. CSS animations are efficient because they can be hardware accelerated, they require no JavaScript overhead, and they are composed of very little CSS code. Quite often we add CSS transforms to elements via CSS during...

Incredible Demos

  • By
    pointer Media Query

    As more devices emerge and differences in device interaction are implemented, the more important good CSS code will become.  In order to write good CSS, we need some indicator about device capabilities.  We've used CSS media queries thus far, with checks for max-width and pixel ratios.

  • By
    Spatial Navigation

    Spatial navigation is the ability to navigate to focusable elements based on their position in a given space.  Spatial navigation is a must when your site or app must respond to arrow keys, a perfect example being a television with directional pad remote.  Firefox OS TV apps are simply...

Discussion

  1. Harvey

    Feature looks awesome. Note that this is coming in FF71, and stable is currently 69.

    If you want to test this feature, get Firefox Nightly.

Wrap your code in <pre class="{language}"></pre> tags, link to a GitHub gist, JSFiddle fiddle, or CodePen pen to embed!