Skip to content

Instantly share code, notes, and snippets.

@hhff
Last active May 12, 2021 17:08
Show Gist options
  • Save hhff/94419ef200dafe9713c68cfd673f40da to your computer and use it in GitHub Desktop.
Save hhff/94419ef200dafe9713c68cfd673f40da to your computer and use it in GitHub Desktop.
How to enable X-Ray Goggles on a Replit.com Project

In order to enable X-Ray Goggles on a Replit Project (or any type of website), simply add the following script before the closing </body> tag (or in the <head>, it doesn't actually matter where).

Script

<script src="https://x-ray-goggles.mouse.org/webxray.js" class="webxray" data-lang="en-US" data-baseuri="https://x-ray-goggles.mouse.org"></script>

Example

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body>
    <h1>Hover me to see X-Ray Goggles working</h1>

    <!-- To disable X-Ray Goggles, comment out this script -->
    <script src="https://x-ray-goggles.mouse.org/webxray.js" class="webxray" data-lang="en-US" data-baseuri="https://x-ray-goggles.mouse.org"></script>
  </body>
</html>

Example Replit.com Project

See here: https://replit.com/@hhff/XRayGogglesExample#index.html

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