From 4dd97f641814055d234d102f37538849068c5f6a Mon Sep 17 00:00:00 2001
From: Nulo <git@nulo.in>
Date: Fri, 4 Mar 2022 19:25:01 -0300
Subject: [PATCH] Bookmarklets

---
 Bookmarklets.md | 28 ++++++++++++++++++++++++++++
 1 file changed, 28 insertions(+)
 create mode 100644 Bookmarklets.md

diff --git a/Bookmarklets.md b/Bookmarklets.md
new file mode 100644
index 0000000..8d80ef0
--- /dev/null
+++ b/Bookmarklets.md
@@ -0,0 +1,28 @@
+>Un bookmarklet es un marcador que, en lugar de apuntar a una dirección URL, hace referencia a una pequeña porción de código JavaScript para ejecutar ciertas tareas automáticamente[..]
+
+[Wikipedia](https://es.wikipedia.org/wiki/Bookmarklet)
+
+## Mostrar un borde rosa en todos los elementos para debuggear
+
+```
+javascript:(()=>{let style=document.head.querySelector('style#outline');if(style){style.remove()}else{style=document.createElement('style');style.id='outline';document.head.appendChild(style);style.append(`*{outline: 1px solid pink}`)}})()
+```
+
+Deestructurado:
+```javascript
+// Hacer un bloque que se auto-ejecuta, aislando sus variables del entorno global
+(() => {
+  // Intentar buscar si ya aplicamos el estilo
+  let style = document.head.querySelector('style#outline')
+  if (style) {
+    // Si lo hicimos, borrarlo
+    style.remove()
+  } else {
+    // Si no, crearlo
+    style = document.createElement('style')
+    style.id = 'outline'
+    document.head.appendChild(style)
+    style.append(`*{outline: 1px solid pink}`)
+  }
+})()
+```