Walk the Page GIF

How to walk any page

Variant 1 via browser console

  1. Open the page you want to walk in your browser. For example: https://ngraf.github.io
  2. Open the dev tools in your browser. In Chrome for example, you can do this by right-clicking on the page and selecting "Inspect" or by pressing Ctrl + Shift + I (Windows/Linux) or Cmd + Option + I (Mac). Then go to the "Console" tab.
  3. Copy and paste the following code into the console and press Enter:
  4. var style = document.createElement('style');
    style.innerHTML = `
    canvas {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    }
    `;
    document.head.appendChild(style);
    
    var script = document.createElement('script');
    script.src = 'https://ngraf.github.io/walk-the-page/index.b7a05eb9.js';
    script.defer = true;
    document.body.appendChild(script);
          
  5. Press Enter.
  6. And off you go. Have fun!

Variant 2 via browser bookmarklet

  1. Create a new bookmark in your browser with this content:
  2. javascript:(function() {
    var style = document.createElement('style');
    style.innerHTML = `
    canvas {
    z-index: 10;
    position: absolute;
    top: 0;
    left: 0;
    }
    `;
    document.head.appendChild(style);
    
    var script = document.createElement('script');
    script.src = 'https://ngraf.github.io/walk-the-page/index.b7a05eb9.js';
    script.defer = true;
    document.body.appendChild(script);
    })();
          
  3. Open the page you want to walk in your browser. For example: https://ngraf.github.io
  4. Press the bookmark you just created.
  5. And off you go. Have fun!

Variant 3 - Walk this page

  1. Click here to walk this page