Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision
Previous revision
web:js [2016/04/09 16:38] – [iFrames] Bernard Condrauweb:js [2026/09/25 15:13] (current) – [Modify an elements value in an iFrame] Bernard Condrau
Line 1: Line 1:
 ====== Javascript ====== ====== Javascript ======
 +
 +==== Minifiers ====
 +  * [[https://www.toptal.com/developers/javascript-minifier|Online JavaScript Minifier Tool and Compressor]]
 +  * [[https://jscompress.com/|JSCompress]]
 +  * [[https://www.giftofspeed.com/javascript-compressor/|JavaScript Compressor]]
 +  * [[https://www.digitalocean.com/community/tools/minify#top|JavaScript Minify Tool (Digital Ocean)]]
 +  * [[https://www.minifier.org/|Minify JS / CSS]]
 +
 +==== 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:<code>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);
 +</code>
 +  * 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 ==== ==== Modify an elements value in an iFrame ====
Line 27: Line 44:
   * [[http://www.w3schools.com/tags/tag_iframe.asp|HTML <iframe> Tag]]   * [[http://www.w3schools.com/tags/tag_iframe.asp|HTML <iframe> Tag]]
   * [[http://caniuse.com/#feat=iframe-srcdoc|srcdoc attribute for iframes]]   * [[http://caniuse.com/#feat=iframe-srcdoc|srcdoc attribute for iframes]]
 +
 +==== Crypto ====
 +  * [[https://developer.mozilla.org/en-US/docs/Web/API/SubtleCrypto/digest#converting_a_digest_to_a_hex_string|SubtleCrypto.digest()]]
 +
 +==== Mouse / Touch detection ====
 +  * google "how to detect in browser whether device has mouse capability"
 +  * [[https://github.com/rafgraph/detect-it|Detect It]]