Monkee Wrench 🔧

fix some issues I have when working on front end. this fixes the images with dummy images and lets you know which links don't work

missing images (404)
missing background images (404)
missing video
missing links
dead links (internal pages)
links to 404 pages (internal pages)

usage

focus browser and press "m"
or use ?monkeewrench

Monkee-Wrench-Lite 🔧

A library for fixing broken (background)images and visualize broken/missing links (~ 3KB)

Monkee-Wrench 🔧

A library for fixing broken (background)images and visualize broken/missing links (~ 5KB)

Drag this to Bookmarks Bar → Monkee-Wrench-Lite

In action

normal image

missing image, replace by script

normal image

missing image, replace by script

normal image

missing image, replace by script

background image

background missing image, replace by script

normal links

missing links, hightlighted by script

missing/empty link
empty link with id(anchor wrong?)
#
btn-primary
/not
no href
image
image

Code snippets

                
{% if env == "dev" %}
{# script only available in DEV mode, it can update missing images with dummy #}

<script src="https://matthijskamstra.github.io/monkee-z/js/monkee_wrench.min.min.js">
{% endif %}

                

<script src="https://matthijskamstra.github.io/monkee-z/js/monkee_wrench.min.min.js">

<script src="https://matthijskamstra.github.io/monkee-z/js/monkee_wrench_lite.min.min.js">