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 src="https://x-ray-goggles.mouse.org/webxray.js" class="webxray" data-lang="en-US" data-baseuri="https://x-ray-goggles.mouse.org"></script>
<!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>
See here: https://replit.com/@hhff/XRayGogglesExample#index.html