PDF Screenshot Bookmarklet

Instantly open the current Google Drive PDF in PDF Screenshot tool
with the page you're viewing already selected.

📌 The Bookmarklet (with Popup UI)

Drag this button to your bookmarks bar:

📸 PDF Screenshot

How to Install

Make sure your bookmarks bar is visible (Ctrl+Shift+B in Chrome)
Drag the "📸 PDF Screenshot" button above to your bookmarks bar
Done! The bookmarklet is now installed

How to Use

Open any PDF in Google Drive viewer
Click the "📸 PDF Screenshot" bookmark to show the popup
Click "📍 Store Current Page" to save the page number
Navigate around the PDF, store more pages as needed
Click "🚀 Open in PDF Screenshot" to open the tool with the stored page
Click any page in the history to jump to that page in the viewer
Click the bookmarklet again to hide the popup

Note: The PDF must have sharing set to "Anyone with the link" for this to work. Page history is stored per-document in your browser.

🔧 Manual Code (if drag doesn't work)

Create a new bookmark and paste this as the URL:

javascript:(function(){if(document.getElementById('pss-popup')){document.getElementById('pss-popup').remove();return;}var u=location.href,m=u.match(/\/file\/d\/([a-zA-Z0-9_-]+)/);if(!m){alert('Not a Google Drive file URL');return;}var id=m[1];function getPage(){var p=1,hm=location.href.match(/#page=(\d+)/);if(hm)p=parseInt(hm[1]);if(p===1){try{var inp=document.querySelector('input[type="number"]')||document.querySelector('input[aria-label*="Page"]');if(inp&&inp.value){var pv=parseInt(inp.value);if(pv>0)p=pv;}if(p===1){var el=document.querySelector('[aria-label*="Page"]')||document.querySelector('.ndfHFb-c4YZDc-Wrql6b')||document.querySelector('[data-page-number]');if(el){var t=el.textContent||el.getAttribute('data-page-number')||el.getAttribute('aria-label')||'';var pm=t.match(/(\d+)\s*[\/of]/i);if(pm)p=parseInt(pm[1]);}}}catch(e){}}return p;}function goToPage(pg){var inp=document.querySelector('input[type="number"]')||document.querySelector('input[aria-label*="Page"]');if(inp){inp.value=pg;inp.dispatchEvent(new Event('input',{bubbles:true}));inp.dispatchEvent(new KeyboardEvent('keydown',{key:'Enter',keyCode:13,bubbles:true}));inp.dispatchEvent(new KeyboardEvent('keyup',{key:'Enter',keyCode:13,bubbles:true}));}else{location.hash='#page='+pg;}}var hist=JSON.parse(sessionStorage.getItem('pss_hist_'+id)||'[]');var stored=hist.length?hist[hist.length-1]:null;var st=document.createElement('style');st.textContent='#pss-popup{position:fixed;bottom:20px;right:20px;background:#16213e;border:2px solid #e94560;border-radius:12px;padding:10px;z-index:999999;font-family:sans-serif;color:#fff;width:60px;box-shadow:0 4px 20px rgba(0,0,0,0.5);text-align:center;}#pss-popup .pss-big{font-size:28px;font-weight:bold;color:#e94560;margin:5px 0;}#pss-popup button{background:#0f3460;border:1px solid #1a5091;color:#fff;padding:6px;border-radius:6px;cursor:pointer;font-size:16px;margin:3px 0;width:100%;}#pss-popup button:hover{background:#1a5091;}#pss-popup .pss-open{background:#e94560;}#pss-popup .pss-open:hover{background:#ff6b6b;}#pss-popup .pss-hist{max-height:80px;overflow-y:auto;margin-top:5px;border-top:1px solid #0f3460;padding-top:5px;}#pss-popup .pss-hist-item{background:#0f3460;padding:3px;border-radius:4px;margin:2px 0;cursor:pointer;font-size:12px;}#pss-popup .pss-hist-item:hover{background:#1a5091;}#pss-popup .pss-close{position:absolute;top:2px;right:5px;background:none;border:none;color:#aaa;font-size:14px;cursor:pointer;padding:0;width:auto;}#pss-popup .pss-close:hover{color:#fff;}';document.head.appendChild(st);var popup=document.createElement('div');popup.id='pss-popup';var closeBtn=document.createElement('button');closeBtn.className='pss-close';closeBtn.textContent='×';closeBtn.onclick=function(){sessionStorage.removeItem('pss_hist_'+id);popup.remove();st.remove();};popup.appendChild(closeBtn);var bigNum=document.createElement('div');bigNum.className='pss-big';bigNum.id='pss-big';bigNum.textContent=stored||'-';popup.appendChild(bigNum);var storeBtn=document.createElement('button');storeBtn.textContent='📍';storeBtn.title='Store page';popup.appendChild(storeBtn);var openBtn=document.createElement('button');openBtn.className='pss-open';openBtn.textContent='🚀';openBtn.title='Open';popup.appendChild(openBtn);var histDiv=document.createElement('div');histDiv.className='pss-hist';popup.appendChild(histDiv);document.body.appendChild(popup);function renderHist(){histDiv.textContent='';hist.slice().reverse().slice(0,5).forEach(function(pg){var it=document.createElement('div');it.className='pss-hist-item';it.textContent=pg;it.onclick=function(){goToPage(pg);};histDiv.appendChild(it);});}renderHist();storeBtn.onclick=function(){var pg=getPage();stored=pg;if(hist[hist.length-1]!==pg){hist.push(pg);sessionStorage.setItem('pss_hist_'+id,JSON.stringify(hist.slice(-10)));}bigNum.textContent=pg;renderHist();};openBtn.onclick=function(){var pg=stored||getPage();window.open('https://berel.me/pdfscreenshot/?id='+encodeURIComponent(id)+'&page='+pg,'_blank');};})();

📸 PDF Screenshot Bookmarklet

📌 The Bookmarklet (with Popup UI)

How to Install

How to Use

🔧 Manual Code (if drag doesn't work)