iamandrewluca

javascript: void ((function() {
  /* More bookmarklets at https://gist.github.com/iamandrewluca/61feacf07bc4f2f50e70f986c2e9b2d2 */
  const styles = document.createTextNode(`
    /* Headers out of order (i.e. h2 before h1, etc.) */
    /* Result: dotted blue outline */
    /* https://twitter.com/Una/status/1277652897606635523 */
    h2 ~ h1,
    h3 ~ h1,
    h4 ~ h1,
    h5 ~ h1,

iamandrewluca

Any other ideas are welcome. Just ask if what you want is possible.

TODO: Migrate here iamandrewluca/awesome-bookmarklets

Post: https://dev.to/iamandrewluca/bookmarklets-browser-search-engine-2m30

• [Generate a password in browser][1]
• [Toggle password inputs to text back and forth][2]
• [Request picture in picture on first found video that is playing][3]
• [Open any URL with host as localhost:3000][4]

iamandrewluca

javascript: void ((async () => {
  /* More bookmarklets at https://gist.github.com/iamandrewluca/61feacf07bc4f2f50e70f986c2e9b2d2 */
  let interval = 500;
  const intervalId = setInterval(() => {
    interval += 500;

    if (interval > 5000) { return; }

    if (window.speechSynthesis.getVoices().length !== 0) {
      clearInterval(intervalId);

iamandrewluca

import { AdminUserRole } from 'gto-patterns'

/**
 * A string combined of resource and method separated by a colon `:` e.g. 'user:get'
 * Desired to keep resource as a singular word
 * Nested resources can be separated by a slash `/` e.g. 'user/account-type:edit'
 * A resource can contain one of owned fields separated by `@` e.g. 'user@registrationDate:get'
 * Default methods are list, get, create, update, delete (https://cloud.google.com/apis/design/standard_methods)
 * Custom methods can be added e.g. block, import, assign, generate
 * These rules are invented, if anyone has a better idea how to categorize actions, please suggest.

iamandrewluca

javascript: void((function () {
  /* More bookmarklets at https://gist.github.com/iamandrewluca/61feacf07bc4f2f50e70f986c2e9b2d2 */
  /**
   * Add your own mappers, first found will be used
   * @type {{host: string, startsWith: string}[]}
   */
  const hostMapper = [
    { startsWith: 'https://example.org', host: 'localhost:3000' },
    { startsWith: 'https://example.org/admin', host: 'localhost:3001' },
  ];

iamandrewluca

javascript: void(function() {
  /* More bookmarklets at https://gist.github.com/iamandrewluca/61feacf07bc4f2f50e70f986c2e9b2d2 */
  const all = [
    "¯\\_(ツ)_/¯",
    "¯\\(ツ)/¯",
    "ʅ(ツ)ʃ",
    "乁(ツ)ㄏ",
    "乁(ツ)∫",
    "ƪ(ツ)∫",
    "¯\\_₍ッ₎_/¯",

iamandrewluca

javascript: void(function() {
  /* More bookmarklets at https://gist.github.com/iamandrewluca/61feacf07bc4f2f50e70f986c2e9b2d2 */
  const all = [
    "(╯°□°）╯︵ ┻━┻",
    "(┛◉Д◉)┛彡┻━┻",
    "(ﾉ≧∇≦)ﾉ ﾐ ┸━┸",
    "(ノಠ益ಠ)ノ彡┻━┻",
    "(╯ರ ~ ರ）╯︵ ┻━┻",
    "(┛ಸ_ಸ)┛彡┻━┻",
    "(ﾉ´･ω･)ﾉ ﾐ ┸━┸",

iamandrewluca

javascript: void ((function() {
  const ids = document.querySelectorAll('[id]');
  Array.from(ids).forEach(el => {
    const id = document.querySelectorAll(`[id="${el.id}"]`);
    if (id.length > 1 && id[0] === el) {
      console.log('Duplicate id ' + el.id);
      Array.from(id).forEach(fel => {
        fel.style.outline = '5px solid red';
      });
      alert('duplicate found');

iamandrewluca

javascript: void ((function() {
  /* More bookmarklets at https://gist.github.com/iamandrewluca/61feacf07bc4f2f50e70f986c2e9b2d2 */
  /** @type {NodeListOf<HTMLIFrameElement>} */
  const iFrames = window.document.querySelectorAll('iframe');

  console.log(`Found ${iFrames.length} iframes`);

  /** @type {Document[]} */
  const allDocuments = [
    window.document,

iamandrewluca

javascript: void ((function() {
  /* More bookmarklets at https://gist.github.com/iamandrewluca/61feacf07bc4f2f50e70f986c2e9b2d2 */
  const passwordInputs = document.querySelectorAll('[type="password"], [data-password-bookmark-toggled]');
  Array.from(passwordInputs).forEach(e => {
    if (e.getAttribute('data-password-bookmark-toggled')) {
      e.removeAttribute('data-password-bookmark-toggled');
      e.setAttribute('type', 'password');
    } else {
      e.setAttribute('data-password-bookmark-toggled', true);
      e.setAttribute('type', 'text');