Draft

Try it by clicking the following link:

You can install the functionality as a "bookmarklet" by adding that link to your bookmarks, which lets you enable the draft watermark on any webpage just by clicking the bookmark.

Clicking it as second time turns it back off.

How it works

Learn more about bookmarklets here.

This is the code:

const ID = 'draft-watermark';
const prev = document.getElementById(ID);
if (prev) {
  prev.parentNode.removeChild(prev);
} else {
  const indicator = document.createElement('div');
  indicator.textContent = 'Draft';
  indicator.id = ID;
  Object.assign(indicator.style, {
    position: 'fixed',
    top: '50%',
    left: '50%',
    transform: 'translate(-50%, -50%) rotate(-15deg)',
    zIndex: '50000',
    color: 'gray',
    fontSize: '15vmin',
    border: '3vmin dashed gray',
    fontFamily: 'sans-serif',
    padding: '6vmin',
    lineHeight: '1',
    textTransform: 'uppercase',
    pointerEvents: 'none',
    fontWeight: 'bold',
    opacity: '0.2',
  });
  document.body.appendChild(indicator);
}