Popular:
 Building Resilient Systems on AWS: Learn how to design and implement a resilient, highly available, fault-tolerant infrastructure on AWS.

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!

Request Metrics real user monitoring
Request Metrics real user monitoring
Request Metrics real user monitoring
Request Metrics real user monitoring

Recent Features

  • By
    CSS Filters

    CSS filter support recently landed within WebKit nightlies. CSS filters provide a method for modifying the rendering of a basic DOM element, image, or video. CSS filters allow for blurring, warping, and modifying the color intensity of elements. Let's have...

  • By
    Create a CSS Flipping Animation

    CSS animations are a lot of fun; the beauty of them is that through many simple properties, you can create anything from an elegant fade in to a WTF-Pixar-would-be-proud effect. One CSS effect somewhere in between is the CSS flip effect, whereby there's...

Incredible Demos

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!