{"id":225,"date":"2025-10-27T11:05:54","date_gmt":"2025-10-27T10:05:54","guid":{"rendered":"https:\/\/blog.ctr24.co.pl\/?p=225"},"modified":"2025-12-08T19:38:13","modified_gmt":"2025-12-08T18:38:13","slug":"pobieranie-grafiki-ze-strony-za-pomoca-js-i-har","status":"publish","type":"post","link":"https:\/\/blog.ctr24.co.pl\/?p=225","title":{"rendered":"Pobieranie grafiki ze strony za pomoc\u0105 js i HAR"},"content":{"rendered":"<div style=\"margin-bottom:50px\" class=\"wp-block-cblocks-coder-block\"><pre class=\"im-coder-block\" data-mode=\"javascript\" data-theme=\"twilight\" data-fontsize=\"14\" data-lines=\"Infinity\" data-showlines=\"true\">var script = document.createElement('script');\nscript.src = 'https:\/\/cdn.jsdelivr.net\/npm\/jszip@3.10.1\/dist\/jszip.min.js';\ndocument.head.appendChild(script);\n\n\n\/\/ Wklej JSON HAR jako obiekt\nconst har = TU_WKLEJ_HAR ;\n\nconst urls = har.log.entries\n  .filter(e => e.response?.content?.mimeType?.startsWith('image\/'))\n  .map(e => e.request.url);\n\nfunction sleep(ms) {\n  return new Promise(resolve => setTimeout(resolve, ms));\n}\n\n(async () => {\n  const zip = new JSZip();\n\n  for (let i = 0; i &lt; urls.length; i++) {\n    try {\n      const res = await fetch(urls[i]);\n      const blob = await res.blob();\n      const ext = blob.type.split('\/')[1] || 'jpg';\n      zip.file(`image_${i}.${ext}`, blob);\n\n      const delay = Math.floor(Math.random() * 5000) + 1000;\n      console.log(`Dodano ${i+1}\/${urls.length}, czekam ${delay} ms`);\n      await sleep(delay);\n\n    } catch (err) {\n      console.error('B\u0142\u0105d przy pobieraniu', urls[i], err);\n    }\n  }\n\n  console.log('Generowanie ZIP...');\n  const content = await zip.generateAsync({ type: 'blob' });\n\n  \/\/ Tworzymy widoczny link do pobrania\n  const a = document.createElement('a');\n  a.href = URL.createObjectURL(content);\n  a.download = 'obrazy.zip';\n  a.textContent = 'Kliknij tutaj, aby pobra\u0107 ZIP z obrazami';\n  a.style.display = 'block';\n  a.style.fontSize = '18px';\n  a.style.margin = '20px 0';\n  a.style.color = 'blue';\n  a.style.cursor = 'pointer';\n  document.body.appendChild(a);\n\n  console.log('Pobieranie zako\u0144czone. Kliknij link na stronie, aby zapisa\u0107 ZIP.');\n})();\n<\/pre><\/div>\n\n\n<p>Gdzie znajd\u0119 HAR.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"763\" src=\"https:\/\/blog.ctr24.co.pl\/wp-content\/uploads\/2025\/10\/image-1-1024x763.png\" alt=\"\" class=\"wp-image-228\" srcset=\"https:\/\/blog.ctr24.co.pl\/wp-content\/uploads\/2025\/10\/image-1-1024x763.png 1024w, https:\/\/blog.ctr24.co.pl\/wp-content\/uploads\/2025\/10\/image-1-300x224.png 300w, https:\/\/blog.ctr24.co.pl\/wp-content\/uploads\/2025\/10\/image-1-768x572.png 768w, https:\/\/blog.ctr24.co.pl\/wp-content\/uploads\/2025\/10\/image-1.png 1194w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>Gdzie znajd\u0119 HAR.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[19],"tags":[],"class_list":["post-225","post","type-post","status-publish","format-standard","hentry","category-tips"],"_links":{"self":[{"href":"https:\/\/blog.ctr24.co.pl\/index.php?rest_route=\/wp\/v2\/posts\/225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/blog.ctr24.co.pl\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.ctr24.co.pl\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.ctr24.co.pl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.ctr24.co.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=225"}],"version-history":[{"count":2,"href":"https:\/\/blog.ctr24.co.pl\/index.php?rest_route=\/wp\/v2\/posts\/225\/revisions"}],"predecessor-version":[{"id":229,"href":"https:\/\/blog.ctr24.co.pl\/index.php?rest_route=\/wp\/v2\/posts\/225\/revisions\/229"}],"wp:attachment":[{"href":"https:\/\/blog.ctr24.co.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=225"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.ctr24.co.pl\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=225"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.ctr24.co.pl\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}