A fix for the Back Button in Chrome

[tranceplant]

All of the navigation for the web-based player (in Chrome) is built into the web app, and when I hit the browser's back button [configured as one of my mouse buttons], I lose the entire web interface and simply go down the stack of my browsing history. Of course, I often use the "BACK" button navigation in the web app itself, but I always forget. This has been driving me crazy for a while, until this morning, when I finally fixed it using Tampermonkey (an extension that let's you modify chrome's behavior by injecting user scripts). In any case, if you're suffering from the same behavior, this approach should fix it for you.

1. Install the latest Tampermonkey from the Chrome extension store (follow instructions via https://www.tampermonkey.net/)
2. Make sure you enable Developer mode (this extension will remind you)
3. Note the IP address of your Innuous. Replace it in the following script where I have 10.0.0.X
4. Refresh. Chrome's back button is now disabled, and instead your mouse back button is linked to the built-in back navigation.

// ==UserScript==
// @name         Innuos Back Button Redirect
// @namespace    http://tampermonkey.net/
// @version      1.0
// @description  Prevent browser back, and trigger Innuos built-in back button
// @match        http://10.0.0.X/*
// @grant        none
// ==/UserScript==

(function() {
    'use strict';

    // Prevent browser from navigating back
    history.pushState(null, '', location.href);
    window.addEventListener('popstate', function () {
        history.pushState(null, '', location.href);
    });

    // Listen for mouse back button (Button 3)
    window.addEventListener('mouseup', function(event) {
        if (event.button === 3) {
            console.log("Mouse back button pressed");

            const backButton = document.querySelector('#back-button');
            if (backButton) {
                backButton.click();
                console.log("Clicked Innuos UI back button");
            } else {
                console.warn("Back button not found");
            }

            event.preventDefault();
        }
    });
})();

 

[Stephen Healy]

Nice little tip, thank you for sharing!