点击上方按钮不会有操作的说……调试运行
没找到啥好的解决办法,目前你可以把下面代码复制,然后创建一个书签,网址填下面的代码:
javascript:(function(){let e='';const bgImages=[];document.querySelectorAll('canvas').forEach(canvas=>{try{const url=canvas.toDataURL();e+=`<tr class=%22img-row%22 data-type=%22canvas%22 data-width=%22${canvas.width}%22 data-src=%22${url}%22><td style=%22width: 700px;%22><div style=%22max-width: 700px; overflow: hidden;%22><a href=%22${url}%22 target=%22_blank%22><img style=%22max-width:700px;%22 src=%22${url}%22></a></div></td><td>${canvas.width}x${canvas.height}</td></tr><p>`;}catch(err){console.error('%E8%8E%B7%E5%8F%96Canvas%E5%9B%BE%E7%89%87%E5%A4%B1%E8%B4%A5:',err);}});document.querySelectorAll('*').forEach(el=>{const bg=window.getComputedStyle(el).backgroundImage;if(bg&&bg!=='none'&&!bg.includes('linear-gradient')){const url=bg.replace(/^url\(['%22]?/,%27%27).replace(/[%27%22]?\)$/,%27%27);if(!bgImages.includes(url)){bgImages.push(url);const%20img=new%20Image();img.src=url;img.onload=function(){e+=`%3Ctr%20class=%22img-row%22%20data-type=%22background%22%20data-width=%22${this.naturalWidth}%22%20data-src=%22${url}%22%3E%3Ctd%20style=%22width:%20700px;%22%3E%3Cdiv%20style=%22max-width:%20700px;%20overflow:%20hidden;%22%3E%3Ca%20href=%22${url}%22%20target=%22_blank%22%3E%3Cimg%20style=%22max-width:700px;%22%20src=%22${url}%22%3E%3C/a%3E%3C/div%3E%3C/td%3E%3Ctd%3E${this.naturalWidth}x${this.naturalHeight}%3C/td%3E%3C/tr%3E%3Cp%3E`;}}}});for(let%20i=0;i%3Cdocument.images.length;i++){let%20t=document.images[i];let%20n=%27max-width:700px;%27;let%20a=`%3Ca%20href=%22${t.src}%22%20target=%22_blank%22%3E%3Cimg%20style=%22${(t.tagName.toLowerCase()===%27img%27||t.tagName.toLowerCase()===%27svg%27?n:%27%27)}%22%20src=%22${t.src}%22%3E%3C/a%3E`;if(e.indexOf(t.src)===-1){e+=`%3Ctr%20class=%22img-row%22%20data-type=%22regular%22%20data-width=%22${t.naturalWidth}%22%20data-src=%22${t.src}%22%3E%3Ctd%20style=%22width:%20700px;%22%3E%3Cdiv%20style=%22max-width:%20700px;%20overflow:%20hidden;%22%3E${a}%3C/div%3E%3C/td%3E%3Ctd%3E${t.naturalWidth}x${t.naturalHeight}%3C/td%3E%3C/tr%3E%3Cp%3E`;}}if(e!==%27%27){let%20t=window.open(%27%27,%27imgWin%27);t.document.write(`%3Cscript%20src=%22https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js%22%3E%3C\/script%3E%3Cstyle%3E.btn{margin:0%205px;padding:5px%2010px;color:white;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color%200.3s}.btn-blue{background-color:#3B7CF1}.btn-blue:hover{background-color:#2961d1}.btn-green{background-color:#009051}.btn-green:hover{background-color:#006e3e}%3C/style%3E%3Cdiv%20style=%22text-align:center;margin:10px%200;%22%3E%3Cbutton%20id=%22showAll%22%20class=%22btn%20btn-blue%22%3E%E6%98%BE%E7%A4%BA%E5%85%A8%E9%83%A8%3C/button%3E%3Cbutton%20id=%22showLarge%22%20class=%22btn%20btn-blue%22%3E%E6%98%BE%E7%A4%BA%E5%A4%A7%E5%9B%BE%3C/button%3E%3Cbutton%20id=%22showGif%22%20class=%22btn%20btn-blue%22%3E%E6%98%BE%E7%A4%BA%20GIF%3C/button%3E%3Cbutton%20id=%22showSvg%22%20class=%22btn%20btn-blue%22%3E%E6%98%BE%E7%A4%BA%20SVG%3C/button%3E%3Cbutton%20id=%22showCanvas%22%20class=%22btn%20btn-blue%22%3E%E6%98%BE%E7%A4%BACanvas%3C/button%3E%3Cbutton%20id=%22showBg%22%20class=%22btn%20btn-blue%22%3E%E6%98%BE%E7%A4%BA%E8%83%8C%E6%99%AF%E5%9B%BE%3C/button%3E%3Cbutton%20id=%22downloadAll%22%20class=%22btn%20btn-green%22%3E%E6%89%93%E5%8C%85%E4%B8%8B%E8%BD%BD%3C/button%3E%3C/div%3E%3Ctable%20style=%22margin:auto%22%20border=1%20cellpadding=10%3E%3Ctr%3E%3Cth%3EImage%3C/th%3E%3Cth%3ESize%3C/th%3E%3C/tr%3E%3Cp%3E${e}%3C/table%3E%3Cscript%3Econst%20rows=document.getElementsByClassName(%22img-row%22);document.getElementById(%22showAll%22).addEventListener(%22click%22,()=%3E{Array.from(rows).forEach(r=%3Er.style.display=%22%22)});document.getElementById(%22showLarge%22).addEventListener(%22click%22,()=%3E{Array.from(rows).forEach(r=%3Er.style.display=parseInt(r.dataset.width)%3E=700?%22%22:%22none%22)});document.getElementById(%22showGif%22).addEventListener(%22click%22,()=%3E{Array.from(rows).forEach(r=%3Er.style.display=r.dataset.src.toLowerCase().endsWith(%22.gif%22)?%22%22:%22none%22)});document.getElementById(%22showSvg%22).addEventListener(%22click%22,()=%3E{Array.from(rows).forEach(r=%3Er.style.display=r.dataset.src.toLowerCase().endsWith(%22.svg%22)||r.dataset.src.toLowerCase().includes(%22data:image/svg%20xml%22)?%22%22:%22none%22)});document.getElementById(%22showCanvas%22).addEventListener(%22click%22,()=%3E{Array.from(rows).forEach(r=%3Er.style.display=r.dataset.type===%22canvas%22?%22%22:%22none%22)});document.getElementById(%22showBg%22).addEventListener(%22click%22,()=%3E{Array.from(rows).forEach(r=%3Er.style.display=r.dataset.type===%22background%22?%22%22:%22none%22)});document.getElementById(%22downloadAll%22).addEventListener(%22click%22,async%20function(){const%20e=new%20JSZip,t=Array.from(rows).filter(r=%3Er.style.display!==%22none%22).map(r=%3Er.querySelector(%22img%22)),n=opener.document.title.replace(/[\\\\/:*?%22%3C%3E|]/g,%22_%22);let%20a=0;for(let%20r%20of%20t)try{const%20t=await%20fetch(r.src),i=await%20t.blob();e.file(\%60\${n}_\${++a}.\${i.type.split(%22/%22)[1]}\%60,i)}catch(e){console.error(%22%E4%B8%8B%E8%BD%BD%E5%9B%BE%E7%89%87%E5%A4%B1%E8%B4%A5:%22,e)}e.generateAsync({type:%22blob%22}).then(function(e){const%20t=document.createElement(%22a%22);t.href=URL.createObjectURL(e),t.download=n+%22.zip%22,t.click()})});%3C\/script%3E%60);t.document.close();}let%20t=document.getElementById('clipboard-alert');if(t){clearTimeout(t.timeoutId);document.body.removeChild(t);}let%20n=document.createElement('div');n.id='clipboard-alert';n.textContent='%E6%B2%A1%E6%9C%89%E5%9B%BE%E7%89%87%EF%BC%81';let%20a={'min-width':'150px','margin-left':'-75px','background-color':'#3B7CF1','color':'white','text-align':'center','border-radius':'4px','padding':'14px','position':'fixed','z-index':'9999999','left':'50%','top':'30px','font-size':'16px','font-family':'sans-serif'};for(let%20e%20in%20a){n.style.setProperty(e,a[e]);}document.body.appendChild(n);n.timeoutId=setTimeout(function(){document.body.removeChild(n);},1000);})();
。。。。诶好
没找到啥好的解决办法,目前你可以把下面代码复制,然后创建一个书签,网址填下面的代码:
javascript:(function(){let e='';const bgImages=[];document.querySelectorAll('canvas').forEach(canvas=>{try{const url=canvas.toDataURL();e+=`<tr class=%22img-row%22 data-type=%22canvas%22 data-width=%22${canvas.width}%22 data-src=%22${url}%22><td style=%22width: 700px;%22><div style=%22max-width: 700px; overflow: hidden;%22><a href=%22${url}%22 target=%22_blank%22><img style=%22max-width:700px;%22 src=%22${url}%22></a></div></td><td>${canvas.width}x${canvas.height}</td></tr><p>`;}catch(err){console.error('%E8%8E%B7%E5%8F%96Canvas%E5%9B%BE%E7%89%87%E5%A4%B1%E8%B4%A5:',err);}});document.querySelectorAll('*').forEach(el=>{const bg=window.getComputedStyle(el).backgroundImage;if(bg&&bg!=='none'&&!bg.includes('linear-gradient')){const url=bg.replace(/^url\(['%22]?/,%27%27).replace(/[%27%22]?\)$/,%27%27);if(!bgImages.includes(url)){bgImages.push(url);const%20img=new%20Image();img.src=url;img.onload=function(){e+=`%3Ctr%20class=%22img-row%22%20data-type=%22background%22%20data-width=%22${this.naturalWidth}%22%20data-src=%22${url}%22%3E%3Ctd%20style=%22width:%20700px;%22%3E%3Cdiv%20style=%22max-width:%20700px;%20overflow:%20hidden;%22%3E%3Ca%20href=%22${url}%22%20target=%22_blank%22%3E%3Cimg%20style=%22max-width:700px;%22%20src=%22${url}%22%3E%3C/a%3E%3C/div%3E%3C/td%3E%3Ctd%3E${this.naturalWidth}x${this.naturalHeight}%3C/td%3E%3C/tr%3E%3Cp%3E`;}}}});for(let%20i=0;i%3Cdocument.images.length;i++){let%20t=document.images[i];let%20n=%27max-width:700px;%27;let%20a=`%3Ca%20href=%22${t.src}%22%20target=%22_blank%22%3E%3Cimg%20style=%22${(t.tagName.toLowerCase()===%27img%27||t.tagName.toLowerCase()===%27svg%27?n:%27%27)}%22%20src=%22${t.src}%22%3E%3C/a%3E`;if(e.indexOf(t.src)===-1){e+=`%3Ctr%20class=%22img-row%22%20data-type=%22regular%22%20data-width=%22${t.naturalWidth}%22%20data-src=%22${t.src}%22%3E%3Ctd%20style=%22width:%20700px;%22%3E%3Cdiv%20style=%22max-width:%20700px;%20overflow:%20hidden;%22%3E${a}%3C/div%3E%3C/td%3E%3Ctd%3E${t.naturalWidth}x${t.naturalHeight}%3C/td%3E%3C/tr%3E%3Cp%3E`;}}if(e!==%27%27){let%20t=window.open(%27%27,%27imgWin%27);t.document.write(`%3Cscript%20src=%22https://cdnjs.cloudflare.com/ajax/libs/jszip/3.10.1/jszip.min.js%22%3E%3C\/script%3E%3Cstyle%3E.btn{margin:0%205px;padding:5px%2010px;color:white;border:none;border-radius:4px;cursor:pointer;font-size:12px;transition:background-color%200.3s}.btn-blue{background-color:#3B7CF1}.btn-blue:hover{background-color:#2961d1}.btn-green{background-color:#009051}.btn-green:hover{background-color:#006e3e}%3C/style%3E%3Cdiv%20style=%22text-align:center;margin:10px%200;%22%3E%3Cbutton%20id=%22showAll%22%20class=%22btn%20btn-blue%22%3E%E6%98%BE%E7%A4%BA%E5%85%A8%E9%83%A8%3C/button%3E%3Cbutton%20id=%22showLarge%22%20class=%22btn%20btn-blue%22%3E%E6%98%BE%E7%A4%BA%E5%A4%A7%E5%9B%BE%3C/button%3E%3Cbutton%20id=%22showGif%22%20class=%22btn%20btn-blue%22%3E%E6%98%BE%E7%A4%BA%20GIF%3C/button%3E%3Cbutton%20id=%22showSvg%22%20class=%22btn%20btn-blue%22%3E%E6%98%BE%E7%A4%BA%20SVG%3C/button%3E%3Cbutton%20id=%22showCanvas%22%20class=%22btn%20btn-blue%22%3E%E6%98%BE%E7%A4%BACanvas%3C/button%3E%3Cbutton%20id=%22showBg%22%20class=%22btn%20btn-blue%22%3E%E6%98%BE%E7%A4%BA%E8%83%8C%E6%99%AF%E5%9B%BE%3C/button%3E%3Cbutton%20id=%22downloadAll%22%20class=%22btn%20btn-green%22%3E%E6%89%93%E5%8C%85%E4%B8%8B%E8%BD%BD%3C/button%3E%3C/div%3E%3Ctable%20style=%22margin:auto%22%20border=1%20cellpadding=10%3E%3Ctr%3E%3Cth%3EImage%3C/th%3E%3Cth%3ESize%3C/th%3E%3C/tr%3E%3Cp%3E${e}%3C/table%3E%3Cscript%3Econst%20rows=document.getElementsByClassName(%22img-row%22);document.getElementById(%22showAll%22).addEventListener(%22click%22,()=%3E{Array.from(rows).forEach(r=%3Er.style.display=%22%22)});document.getElementById(%22showLarge%22).addEventListener(%22click%22,()=%3E{Array.from(rows).forEach(r=%3Er.style.display=parseInt(r.dataset.width)%3E=700?%22%22:%22none%22)});document.getElementById(%22showGif%22).addEventListener(%22click%22,()=%3E{Array.from(rows).forEach(r=%3Er.style.display=r.dataset.src.toLowerCase().endsWith(%22.gif%22)?%22%22:%22none%22)});document.getElementById(%22showSvg%22).addEventListener(%22click%22,()=%3E{Array.from(rows).forEach(r=%3Er.style.display=r.dataset.src.toLowerCase().endsWith(%22.svg%22)||r.dataset.src.toLowerCase().includes(%22data:image/svg%20xml%22)?%22%22:%22none%22)});document.getElementById(%22showCanvas%22).addEventListener(%22click%22,()=%3E{Array.from(rows).forEach(r=%3Er.style.display=r.dataset.type===%22canvas%22?%22%22:%22none%22)});document.getElementById(%22showBg%22).addEventListener(%22click%22,()=%3E{Array.from(rows).forEach(r=%3Er.style.display=r.dataset.type===%22background%22?%22%22:%22none%22)});document.getElementById(%22downloadAll%22).addEventListener(%22click%22,async%20function(){const%20e=new%20JSZip,t=Array.from(rows).filter(r=%3Er.style.display!==%22none%22).map(r=%3Er.querySelector(%22img%22)),n=opener.document.title.replace(/[\\\\/:*?%22%3C%3E|]/g,%22_%22);let%20a=0;for(let%20r%20of%20t)try{const%20t=await%20fetch(r.src),i=await%20t.blob();e.file(\%60\${n}_\${++a}.\${i.type.split(%22/%22)[1]}\%60,i)}catch(e){console.error(%22%E4%B8%8B%E8%BD%BD%E5%9B%BE%E7%89%87%E5%A4%B1%E8%B4%A5:%22,e)}e.generateAsync({type:%22blob%22}).then(function(e){const%20t=document.createElement(%22a%22);t.href=URL.createObjectURL(e),t.download=n+%22.zip%22,t.click()})});%3C\/script%3E%60);t.document.close();}let%20t=document.getElementById('clipboard-alert');if(t){clearTimeout(t.timeoutId);document.body.removeChild(t);}let%20n=document.createElement('div');n.id='clipboard-alert';n.textContent='%E6%B2%A1%E6%9C%89%E5%9B%BE%E7%89%87%EF%BC%81';let%20a={'min-width':'150px','margin-left':'-75px','background-color':'#3B7CF1','color':'white','text-align':'center','border-radius':'4px','padding':'14px','position':'fixed','z-index':'9999999','left':'50%','top':'30px','font-size':'16px','font-family':'sans-serif'};for(let%20e%20in%20a){n.style.setProperty(e,a[e]);}document.body.appendChild(n);n.timeoutId=setTimeout(function(){document.body.removeChild(n);},1000);})();