Javascript

Minifiers

Find highest z-index on page in browser

  • If an unexpected element is blocking your screen, you can find the highest z-index value currently in use. Press F12, go to the Console tab, paste this code, and press Enter:
    const highestZ = Math.max(
      ...Array.from(document.querySelectorAll('*'))
        .map(el => parseFloat(window.getComputedStyle(el).zIndex))
        .filter(z => !isNaN(z))
    );
    console.log('Highest z-index on this page:', highestZ);
  • To bypass the warning, type allow pasting directly into the Chrome console and press Enter, then paste your code again.

Modify an elements value in an iFrame

Remember, cross site access to iFrame properties is not possible (security).

<script>
setTimeout(function() {
var iframe = document.getElementById('myframe1');
var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document;
var x = innerDoc.getElementsByClassName("place-name");
x[0].innerHTML = "Hello World!";
},5000);
</script>

Pass POST variable through Javascript

myvar = document.createElement('input');
myvar.setAttribute('name', 'somename');
myvar.setAttribute('type', 'hidden');
myvar.setAttribute('value', 'somevalue');
form.appendChild(myvar);

iFrames

Crypto

Mouse / Touch detection

  • google “how to detect in browser whether device has mouse capability”