Raspbian NOOBS Lite in Kiosk Mode

instruction.md

1. Install Raspbian NOOBS without additional software (Lite)
2. Install the LCD driver (in my case: https://github.com/goodtft/LCD-show)
3. sudo apt-get install chromium x11-xserver-utils unclutter
4. Edit /etc/xdg/lxsession/LXDE-pi/autostart, add (change the URL):

@xscreensaver -no-splash
@xset s off
@xset -dpms
@xset s noblank
@sed -i 's/"exited_cleanly": false/"exited_cleanly": true/' /home/pi/.config/chromium/Default/Preferences
@sed -i 's/"exited_cleanly": false/"exited_cleanly": true/' /root/.config/chromium/Default/Preferences
@chromium-browser --noerrdialogs --kiosk https://xumm.app --incognito --check-for-update-interval=51840000

5. sudo touch /boot/ssh (enable SSH on boot)
6. If you want to refresh the Kiosk while developing, log in using SSH, install xdotool and:

DISPLAY=:0 xdotool key F5

7. When coding your webpage, use this CSS to hide the cursor completely:

<style>
    * {
        cursor: none !important;
        user-select: none !important;
        user-drag: none !important;
    }
</style>

8. If you want to add a button, make sure drag/touch/tap etc. all trigger the event:

<button
  onclick="doSomething()"
  ontouchstart="doSomething()"
  ondragstart="doSomething()"
  onmousedown="doSomething()"
  onfocus="doSomething()"
  onhover="doSomething()"
>
  ...
</button>

9. Prevent WiFi Powersave standby, edit /etc/crontab and add:

@reboot root /sbin/iw wlan0 set power_save off