Skip to content

Instantly share code, notes, and snippets.

@MatteoGauthier
Last active February 2, 2024 14:29
Show Gist options
  • Save MatteoGauthier/30df80fc65e0ffee36d18652129b7c24 to your computer and use it in GitHub Desktop.
Save MatteoGauthier/30df80fc65e0ffee36d18652129b7c24 to your computer and use it in GitHub Desktop.
Chromium Based web browser setup for touchable kiosk experience

Setup guide for a touch screen with a webpage

Prevent physical device hijacking

  • Disable access to serial ports
  • Disable physical buttons
  • Disable unnecesary wireless communication

Chromium startup with flags

TL;DR Here is the full command

chromium --disable-pinch --kiosk --incognito --noerrdialogs --disable-features=TranslateUI,Translate,InterestFeedContentSuggestions --no-first-run --overscroll-history-navigation=0 --ash-no-nudges --hide-scrollbars --disable-infobars --disable-translate --kiosk https://threejs.org/examples/#webgl_animation_keyframes
  • --disable-pinch: Disables pinch-to-zoom functionality in the browser.
  • --kiosk: Runs Chromium in kiosk mode, displaying a full-screen window without browser controls or menus.
  • --incognito: Opens Chromium in incognito mode, preventing browsing history or cookies from being saved.
  • --noerrdialogs: Prevents error dialog boxes from being displayed.
  • --disable-features=TranslateUI,Translate,InterestFeedContentSuggestions: Disables translation-related features, including UI elements and content suggestions from interest feeds.
  • --no-first-run: Skips the first-run setup process, such as displaying welcome screens.
  • --overscroll-history-navigation=0: Disables navigating history through overscrolling gestures.
  • --ash-no-nudges: Disables nudge notifications from the Ash window manager.
  • --hide-scrollbars: Hides the scrollbars in the browser window.
  • --disable-infobars: Disables display of informational bars, such as insecure connection or blocked pop-up notifications.
  • --disable-translate: Disables the translation feature in the browser.
  • --kiosk https://threejs.org/examples/#webgl_animation_keyframes: Opens the specified URL in the Chromium browser. In this case, it opens a web page showcasing WebGL animation using keyframes from the Three.js library.

Disable Edge Swipe on Windows

Touch-enabled Windows devices activate various overlays when swiping from the edges, which may not be desired for your application.

Guide to disable this feature here

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment