Web crawler /[•]\

A wireframe spider that walks across the links of any web page, grabs them and tears pieces off. Inspired by a video by @rybinfx.

Install as a bookmarklet

Tap Copy the bookmarklet.
Bookmark any page (Chrome Android: menu ⋮ then the star).
Edit that bookmark: name it spider and paste the code as its URL.
On any page (Wikipedia works great), type spider in the address bar and pick the bookmark from the suggestions. On desktop, just click the bookmark. Run it again, or press Esc, to stop.

javascript:(()=%3E%7Bif(window.__webCrawler)return void window.__webCrawler.stop();const t=%5B%22%23ff2e88%22,%22%2339ff88%22,%22%233aa0ff%22,%22%23ffd400%22,%22%23ffffff%22%5D,e=t=%3Et%5BMath.random()*t.length%7C0%5D,o=(t,e)=%3Et%2BMath.random()*(e-t),n=(t,e)=%3EMath.hypot(t.x-e.x,t.y-e.y),a=document.documentElement,r=document.createElement(%22canvas%22);r.style.cssText=%22position:fixed;left:0;top:0;width:100vw;height:100vh;pointer-events:none;z-index:2147483646%22;const s=document.createElement(%22div%22);s.style.cssText=%22position:fixed;left:0;top:0;width:0;height:0;pointer-events:none;z-index:2147483647%22;const i=document.createElement(%22style%22);i.textContent=%22%5Cn.__wc-grab%7Boutline:1.5px solid var(--wc,%233aa0ff)!important;outline-offset:2px!important%7D%5Cn.__wc-torn%7Bbackground:var(--wc,%23ff2e88)!important;color:transparent!important;text-decoration:none!important%7D%5Cn.__wc-torn *%7Bcolor:transparent!important%7D%5Cn.__wc-frag%7Bposition:fixed;white-space:nowrap;line-height:1.1;padding:.08em .25em;transform-origin:0 50%25;%5Cn animation:__wc-fly var(--d,3.5s) cubic-bezier(.2,.7,.3,1) forwards,__wc-glitch .9s steps(2) infinite%7D%5Cn.__wc-frag.mono%7Bfont-family:ui-monospace,Menlo,Consolas,monospace!important;letter-spacing:.04em%7D%5Cn%40keyframes __wc-fly%7B%5Cn 0%25%7Btransform:translate(0,0) scale(1) rotate(0);opacity:1%7D%5Cn 12%25%7Btransform:translate(var(--jx),var(--jy)) scale(var(--s)) rotate(var(--r));opacity:1%7D%5Cn 75%25%7Bopacity:1%7D%5Cn 100%25%7Btransform:translate(var(--tx),var(--ty)) scale(var(--s)) rotate(var(--r2));opacity:0%7D%7D%5Cn%40keyframes __wc-glitch%7B%5Cn 0%25%7Bclip-path:inset(0 0 0 0)%7D%5Cn 20%25%7Bclip-path:inset(0 0 55%25 0);margin-left:3px%7D%5Cn 40%25%7Bclip-path:inset(40%25 0 0 0);margin-left:-2px%7D%5Cn 60%25%7Bclip-path:inset(0 0 0 0);margin-left:0%7D%5Cn 100%25%7Bclip-path:inset(0 0 0 0)%7D%7D%22,a.append(i,r,s);const l=r.getContext(%222d%22);let c=0,f=0,h=1;const y=()=%3E%7Bh=Math.min(devicePixelRatio%7C%7C1,2),c=innerWidth,f=innerHeight,r.width=c*h,r.height=f*h%7D;y();let m=%5B%5D;const d=()=%3E%7Bconst t=scrollX,e=scrollY,o=%5B%5D;for(const n of document.querySelectorAll(%22a%5Bhref%5D, cite, code, button%22))if(!n.closest(%22.__wc-frag%22))for(const a of n.getClientRects())%7Bif(a.width%3C4%7C%7Ca.height%3C4%7C%7Ca.bottom%3C-f%7C%7Ca.top%3E2*f)continue;const r=Math.max(1,Math.round(a.width/70));for(let s=0;s%3Cr;s%2B%2B)o.push(%7Bx:a.left%2Bt%2Ba.width*(s%2B.5)/r,y:a.top%2Be%2Ba.height/2,el:n%7D)%7Dm=o%7D;d();const p=Math.max(.7,Math.min(1.3,Math.min(innerWidth,innerHeight)/700)),x=46*p,g=58*p,w=x%2Bg,v=%7Bx:.5*c,y:.45*f,vx:0,vy:0,a:-Math.PI/2%7D;let u=%7Bx:v.x,y:v.y%7D,_=0;const M=%5B%5D,b=%5B.45,1.05,1.75,2.45%5D;%5B1,-1%5D.forEach(o=%3Eb.forEach((n,a)=%3EM.push(%7Bside:o,rest:o*n,len:w*(0===a%7C%7C3===a?.82:.7),group:(a%2B(o%3E0?0:1))%252,foot:null,from:null,to:null,t:1,hold:null,col:e(t)%7D)));const k=t=%3E(%7Bx:t.x-scrollX,y:t.y-scrollY%7D),C=t=%3E(%7Bx:t.x%2BscrollX,y:t.y%2BscrollY%7D),E=t=%3E%7Bconst e=v.a%2B.35*t.rest;return%7Bx:v.x%2B9*Math.cos(e)*p,y:v.y%2B9*Math.sin(e)*p%7D%7D,P=t=%3E%7Bconst e=v.a%2Bt.rest;return C(%7Bx:v.x%2BMath.cos(e)*t.len,y:v.y%2BMath.sin(e)*t.len%7D)%7D;M.forEach(t=%3E%7Bt.foot=P(t)%7D);const T=new Map,S=(t,e)=%3E%7Bt%26%26t.isConnected%26%26(t.style.setProperty(%22--wc%22,e),t.classList.add(%22__wc-grab%22),T.set(t,performance.now()%2Bo(1500,4e3)))%7D,L=(t,e)=%3E%7Blet o=null,n=e;for(const e of m)%7Bconst a=Math.abs(e.x-t.x)%2BMath.abs(e.y-t.y);a%3Cn%26%26(n=a,o=e)%7Dreturn o%7D,z=()=%3E%7Bconst t=m.filter(t=%3E%7Bconst e=k(t);return e.x%3E40%26%26e.x%3Cc-40%26%26e.y%3E60%26%26e.y%3Cf-60%7D),n=t.length?k(e(t)):%7Bx:o(60,c-60),y:o(80,f-80)%7D;u=%7Bx:n.x,y:n.y%7D%7D;z();const A=new Set,%24=%5B%5D,W=(t,e,o)=%3E%7Blet n=e.x-t.x,a=e.y-t.y,r=Math.hypot(n,a)%7C%7C1;const s=Math.min(r,w-.01),i=Math.atan2(a,n),l=(x*x%2Bs*s-g*g)/(2*x*s),c=i-o*Math.acos(Math.max(-1,Math.min(1,l)));return%7Bx:t.x%2BMath.cos(c)*x,y:t.y%2BMath.sin(c)*x%7D%7D;let j,q=performance.now(),F=0,R=q%2B1500,I=q%2B800;const X=a=%3E%7Bj=requestAnimationFrame(X);const r=Math.min(.05,(a-q)/1e3);if(q=a,a%3EF%26%26(d(),F=a%2B900),_%3E0)_-=r;else%7Bconst t=u.x-v.x,e=u.y-v.y,n=Math.hypot(t,e);n%3C12%26%26(_=o(.2,1.2),z());const a=110*p*Math.min(1,n/80);v.vx%2B=(t/(n%7C%7C1)*a-v.vx)*Math.min(1,3*r),v.vy%2B=(e/(n%7C%7C1)*a-v.vy)*Math.min(1,3*r)%7D_%3E0%26%26(v.vx*=.9,v.vy*=.9),v.x%2B=v.vx*r,v.y%2B=v.vy*r;if(Math.hypot(v.vx,v.vy)%3E5)%7Blet t=Math.atan2(v.vy,v.vx)-v.a;t=Math.atan2(Math.sin(t),Math.cos(t)),v.a%2B=t*Math.min(1,4*r)%7Dconst i=%5B0,0%5D;M.forEach(t=%3E%7Bt.t%3C1%26%26i%5Bt.group%5D%2B%2B%7D);const y=.25*v.vx,x=.25*v.vy;for(const t of M)%7Bif(t.t%3C1)%7Bt.t=Math.min(1,t.t%2Br/.16);const e=t.t*t.t*(3-2*t.t);t.foot=%7Bx:t.from.x%2B(t.to.x-t.from.x)*e,y:t.from.y%2B(t.to.y-t.from.y)*e%7D,t.lift=Math.sin(t.t*Math.PI),1===t.t%26%26(t.lift=0,t.hold%26%26S(t.hold.el,t.col));continue%7Dconst e=P(t),o=C(E(t));if((n(t.foot,e)%3E.45*w%7C%7Cn(t.foot,o)%3E.98*w)%26%26i%5Bt.group%5D%3C4%26%260===i%5B1-t.group%5D)%7Bconst o=%7Bx:e.x%2By,y:e.y%2Bx%7D,n=L(o,.55*w);t.hold=n,t.from=t.foot,t.to=n?%7Bx:n.x,y:n.y%7D:o,t.t=0,i%5Bt.group%5D%2B%2B%7D%7Dif(a%3ER)%7Bconst n=%5B...T.keys()%5D;n.length%26%26(n=%3E%7Bif(!n%7C%7C!n.isConnected%7C%7CA.size%3E7%7C%7Cn.classList.contains(%22__wc-torn%22))return;const a=n.getBoundingClientRect(),r=(n.textContent%7C%7C%22%22).trim().replace(/%5Cs%2B/g,%22 %22).slice(0,60);if(!r%7C%7Ca.width%3C6%7C%7Ca.bottom%3C0%7C%7Ca.top%3Ef)return;const i=e(t),l=getComputedStyle(n),h=document.createElement(%22div%22);h.className=%22__wc-frag%22%2B(Math.random()%3C.5?%22 mono%22:%22%22),h.textContent=r;const y=Math.random()%3C.5;h.style.cssText%2B=%60left:%24%7Ba.left%7Dpx;top:%24%7Ba.top%7Dpx;font-size:%24%7Bl.fontSize%7D;font-family:%24%7Bl.fontFamily%7D;%60%2B(y?%60background:%24%7Bi%7D;color:%23000;%60:%60color:%24%7Bi%7D;border:1px solid %24%7Bi%7D;background:rgba(0,0,0,.55);%60);const m=o(1.6,3.2),d=a.left%3Ec/2?-1:1,p=%7B%22--s%22:m,%22--jx%22:o(-30,30)%2B%22px%22,%22--jy%22:o(-30,10)%2B%22px%22,%22--r%22:(Math.random()%3C.3?o(-70,70):o(-6,6))%2B%22deg%22,%22--r2%22:o(-20,20)%2B%22deg%22,%22--tx%22:d*o(20,160)%2B%22px%22,%22--ty%22:o(80,320)%2B%22px%22,%22--d%22:o(2.8,4.5)%2B%22s%22%7D;for(const t in p)h.style.setProperty(t,p%5Bt%5D);s.appendChild(h),A.add(h),n.style.setProperty(%22--wc%22,i),n.classList.add(%22__wc-torn%22),h.addEventListener(%22animationend%22,t=%3E%7B%22__wc-fly%22===t.animationName%26%26(h.remove(),A.delete(h),setTimeout(()=%3En.classList.remove(%22__wc-torn%22),1200))%7D)%7D)(e(n)),R=a%2Bo(900,2600)%7Dif(a%3EI)%7Bconst n=m.filter(t=%3E%7Bconst e=k(t);return e.y%3E0%26%26e.y%3Cf%7D);if(n.length)%7Bconst r=e(n);%24.push(%7Bh:r,col:e(t),until:a%2Bo(600,1600)%7D),S(r.el,%24%5B%24.length-1%5D.col)%7DI=a%2Bo(700,2e3)%7Dfor(const%5Bt,e%5Dof T)a%3Ee%26%26(t.classList.remove(%22__wc-grab%22),T.delete(t));l.setTransform(h,0,0,h,0,0),l.clearRect(0,0,c,f),l.lineCap=%22round%22;for(let t=%24.length-1;t%3E=0;t--)%7Bconst e=%24%5Bt%5D;if(a%3Ee.until)%7B%24.splice(t,1);continue%7Dconst o=k(e.h);l.strokeStyle=e.col,l.globalAlpha=.8,l.lineWidth=1,l.beginPath(),l.moveTo(v.x,v.y),l.lineTo(o.x,o.y),l.stroke()%7Dl.globalAlpha=1;const g=%5B%5D;for(const t of M)%7Bconst e=E(t),o=k(t.foot),n=t.lift%7C%7C0,a=%7Bx:o.x%2B(e.x-o.x)*n*.18,y:o.y%2B(e.y-o.y)*n*.18-10*n*p%7D,r=W(e,a,t.side);l.strokeStyle=t.t%3C1?t.col:%22rgba(150,170,255,.95)%22,l.lineWidth=1.4,l.beginPath(),l.moveTo(e.x,e.y),l.lineTo(r.x,r.y),l.lineTo(a.x,a.y),l.stroke(),g.push(%5Br,%22%23ff2e88%22,2.6%5D,%5Ba,t.hold?%22%2339ff88%22:%22%23ff2e88%22,2.2%5D)%7Dl.save(),l.translate(v.x,v.y),l.rotate(v.a%2BMath.PI/2),l.strokeStyle=%22%23ffffff%22,l.lineWidth=1.5,l.fillStyle=%22rgba(10,10,30,.75)%22,l.beginPath(),l.rect(-7*p,-9*p,14*p,18*p),l.fill(),l.stroke(),l.strokeStyle=%22%233aa0ff%22,l.beginPath(),l.rect(-4*p,9*p,8*p,14*p),l.stroke(),l.fillStyle=%22%23ff2e88%22,l.beginPath(),l.arc(0,-2*p,3*p,0,7),l.fill(),l.strokeStyle=%22%23ffd400%22,l.beginPath(),l.moveTo(-3*p,-9*p),l.lineTo(-5*p,-15*p),l.moveTo(3*p,-9*p),l.lineTo(5*p,-15*p),l.stroke(),l.restore();for(const%5Bt,e,o%5Dof g)l.fillStyle=e,l.beginPath(),l.arc(t.x,t.y,o*p,0,7),l.fill()%7D;j=requestAnimationFrame(X);const Y=t=%3E%7B%22Escape%22===t.key%26%26H.stop()%7D,H=%7Bstop()%7BcancelAnimationFrame(j),removeEventListener(%22resize%22,y),removeEventListener(%22keydown%22,Y),document.querySelectorAll(%22.__wc-grab,.__wc-torn%22).forEach(t=%3E%7Bt.classList.remove(%22__wc-grab%22,%22__wc-torn%22),t.style.removeProperty(%22--wc%22)%7D),r.remove(),s.remove(),i.remove(),delete window.__webCrawler%7D%7D;addEventListener(%22resize%22,y),addEventListener(%22keydown%22,Y),window.__webCrawler=H%7D)();

References (playground)

Bilger, Burkhard (5 March 2007). "Spider Woman". The New Yorker. pp. 66–73.
Bristowe, W. S. (1976). The World of Spiders. Taplinger Publishing Company. ISBN 978-0-8008-8598-4. OCLC 256272177.
Crompton, John (1950). The Life of the Spider. New York: Mentor. OCLC 1979220.
Hillyard, Paul (1994). The Book of the Spider: From Arachnophobia to the Love of Spiders. New York: Random House. ISBN 978-0-679-40881-9.
Kaston, B. J.; Kaston, Elizabeth (1953). How to Know the Spiders: Pictured-Keys for Determining the More Common Spiders (1st ed.). Dubuque, Iowa: W.C. Brown Company. OCLC 628203833.
Main, Barbara York (1976). Spiders. Sydney: Collins. ISBN 978-0-00-211443-1. OCLC 123151744.
Wise, David A. (1993). Spiders in Ecological Webs. Cambridge University Press. ISBN 978-0-521-32547-9. OCLC 25833874.
Hinman, M.B.; Jones J.A.; Lewis, R. W. (2000). "Synthetic spider silk: a modular fiber". Trends in Biotechnology. 18 (9): 374–79. doi:10.1016/S0167-7799(00)01481-5. PMID 10942961.
Menassa, R.; Zhu, H.; Karatzas, C.N.; Lazaris, A.; Richman, A.; Brandle, J. (2004). "Spider dragline silk proteins in transgenic tobacco leaves". Plant Biotechnology Journal. 2 (5): 431–38. Bibcode:2004PBioJ...2..431M. PMID 17168889.
Fritscher, Lisa (3 June 2009). "Spider Fears or Arachnophobia". Phobias. About.com. Archived from the original on 19 June 2009.
Friedenberg, J. & Silverman, G. (2005). Cognitive Science: An Introduction to the Study of Mind. Sage. pp. 244–45. ISBN 978-1-4129-2568-6.
Davey, G.C.L. (1994). "The 'Disgusting' Spider: The Role of Disease and Illness in the Perpetuation of Fear of Spiders". Society and Animals. 2 (1): 17–25. doi:10.1163/156853094X00045.
Costa-Neto, E.M.; Grabowski, N.T. (27 November 2020). "Edible arachnids and myriapods worldwide". Journal of Insects as Food and Feed. 7 (3). doi:10.3920/JIFF2020.0046.
Selden, P.A.; ChungKun Shih; Dong Ren (2011). "A golden orb-weaver spider (Araneae: Nephilidae: Nephila) from the Middle Jurassic of China". Biology Letters. 7 (5): 775–78. doi:10.1098/rsbl.2011.0228. PMC 3169059.
Lozano-Fernandez, Jesus; Tanner, Alastair R.; Puttick, Mark N.; Vinther, Jakob (2020). "A Cambrian–Ordovician Terrestrialization of Arachnids". Frontiers in Genetics. 11: 182. doi:10.3389/fgene.2020.00182. PMC 7078165.
Shultz, J.W. (2007). "A phylogenetic analysis of the arachnid orders based on morphological characters". Zoological Journal of the Linnean Society. 150 (2): 221–65. doi:10.1111/j.1096-3642.2007.00284.x.