CSS Pagination + Selective Image Conversion
Combines 104's pagination rules with 103's equation preservation.
Key Innovation: Selective image handling - converts PNG/JPG/GIF to DATA URI for offline capability while preserving SVG/equation images as external URLs for correct rendering.
Drag this button to your bookmarks bar:
%7B'use%20strict'%3Bif(!location.hostname.includes('wikipedia.org'))%7Balert('WikiPage%3A%20Please%20run%20this%20on%20a%20Wikipedia%20article.')%3Breturn%7Dconst%20p%3Ddocument.createElement('div')%3Bp.id%3D'wikipage-progress'%3Bp.innerHTML%3D%60%3Cstyle%3E%23wikipage-progress%7Bposition%3Afixed%3Btop%3A0%3Bleft%3A0%3Bright%3A0%3Bbottom%3A0%3Bbackground%3Argba(0%2C0%2C0%2C0.7)%3Bz-index%3A999999%3Bdisplay%3Aflex%3Balign-items%3Acenter%3Bjustify-content%3Acenter%7D%23wikipage-progress%20.box%7Bbackground%3Awhite%3Bpadding%3A30px%2050px%3Bborder-radius%3A8px%3Btext-align%3Acenter%3Bfont-family%3Asans-serif%7D%23wikipage-progress%20.spinner%7Bwidth%3A40px%3Bheight%3A40px%3Bborder%3A4px%20solid%20%23eee%3Bborder-top-color%3A%233366cc%3Bborder-radius%3A50%25%3Banimation%3Aspin%201s%20linear%20infinite%3Bmargin%3A0%20auto%2015px%7D%40keyframes%20spin%7Bto%7Btransform%3Arotate(360deg)%7D%7D%3C%2Fstyle%3E%3Cdiv%20class%3D%22box%22%3E%3Cdiv%20class%3D%22spinner%22%3E%3C%2Fdiv%3E%3Cdiv%20class%3D%22status%22%3EPreparing...%3C%2Fdiv%3E%3C%2Fdiv%3E%60%3Bdocument.body.appendChild(p)%3Bconst%20u%3D(m)%3D%3E%7Bconst%20e%3Dp.querySelector('.status')%3Bif(e)e.textContent%3Dm%7D%3Btry%7Bconst%20t%3Ddocument.querySelector('%23firstHeading%2C.firstHeading%2Ch1')%3Bconst%20title%3Dt%3Ft.textContent.trim()%3A'Wikipedia'%3Bu('Cloning...')%3Bawait%20new%20Promise(r%3D%3EsetTimeout(r%2C50))%3Bconst%20c%3Ddocument.querySelector('%23mw-content-text%20.mw-parser-output')%3Bif(!c)throw%20new%20Error('No%20content')%3Bconst%20cl%3Dc.cloneNode(true)%3B%5B'.mw-editsection'%2C'.noprint'%2C'.navbox'%2C'.ambox'%2C'.catlinks'%2C'%23toc'%2C'.toc'%5D.forEach(s%3D%3Ecl.querySelectorAll(s).forEach(e%3D%3Ee.remove()))%3Bu('Processing%20images...')%3Bfor(const%20img%20of%20cl.querySelectorAll('img'))%7Bconst%20src%3Dimg.src%7C%7Cimg.getAttribute('src')%3Bif(!src%7C%7Csrc.startsWith('data%3A'))continue%3Blet%20abs%3Dsrc%3Bif(src.startsWith('%2F%2F'))abs%3D'https%3A'%2Bsrc%3Belse%20if(src.startsWith('%2F'))abs%3D'https%3A%2F%2Fen.wikipedia.org'%2Bsrc%3Bconst%20isEq%3Dabs.toLowerCase().includes('.svg')%7C%7Cabs.includes('%2Fmath%2F')%7C%7Cimg.closest('.mwe-math-element')%3Bif(isEq)%7Bimg.src%3Dabs%7Delse%7Btry%7Bconst%20d%3Dawait%20new%20Promise((res%2Crej)%3D%3E%7Bconst%20i%3Dnew%20Image()%3Bi.crossOrigin%3D'anonymous'%3Bi.onload%3D()%3D%3E%7Bconst%20cv%3Ddocument.createElement('canvas')%3Bcv.width%3Di.naturalWidth%3Bcv.height%3Di.naturalHeight%3Bcv.getContext('2d').drawImage(i%2C0%2C0)%3Bres(cv.toDataURL())%7D%3Bi.onerror%3Drej%3Bi.src%3Dabs%7D)%3Bimg.src%3Dd%7Dcatch(e)%7Bimg.src%3Dabs%7D%7Dimg.removeAttribute('srcset')%7Dconst%20html%3D%60%3C!DOCTYPE%20html%3E%3Chtml%3E%3Chead%3E%3Cmeta%20charset%3D%22UTF-8%22%3E%3Ctitle%3E%24%7Btitle%7D%3C%2Ftitle%3E%3Cstyle%3Ebody%7Bfont-family%3AGeorgia%2Cserif%3Bmax-width%3A7in%3Bmargin%3A0%20auto%3Bpadding%3A.5in%7Dh1%2Ch2%2Ch3%7Bbreak-after%3Aavoid%7Dimg%7Bmax-width%3A100%25%7D%40page%7Bsize%3Aletter%3Bmargin%3A.75in%7D%3C%2Fstyle%3E%3C%2Fhead%3E%3Cbody%3E%3Ch1%3E%24%7Btitle%7D%3C%2Fh1%3E%24%7Bcl.innerHTML%7D%3C%2Fbody%3E%3C%2Fhtml%3E%60%3Bconst%20b%3Dnew%20Blob(%5Bhtml%5D%2C%7Btype%3A'text%2Fhtml'%7D)%3Bwindow.open(URL.createObjectURL(b)%2C'_blank')%7Dcatch(e)%7Balert('Error%3A%20'%2Be.message)%7Dfinally%7Bp.remove()%7D%7D)()%3B){kind=link}