在浏览一些图片文章时,只想看图片或者想保存多张图片,可以使用蓝叶分享的js代码来实现列出当前页面所有图片,可以直接显示出图片网址,也可以增加个看图效果,就如同看相册一样方便;使用谷歌浏览器或者一些极速浏览器,打开开发者工具进入console命令控制台,粘贴下方js代码就可以列出当前页面所有的图片。
在浏览器命令控制台粘贴代码 javascript:a=document.body.getElementsByTagName("img");var b="";for(i=0;i<a.length;i++){b+=a[i].src+"<br />";};document.write(b); 粘贴下方代码可以列出图片并添加查看效果 javascript:a=document.body.getElementsByTagName("img");var b='';for(i=0;i<a.length;i++){b+="<a href="+a[i].src+" data-fancybox=group data-caption="+i+" target=_blank><img border=0 src="+a[i].src+"></a><br>"};document.write(b); var csslink = document.createElement('link'); csslink.rel = "stylesheet"; csslink.href = "https://cdn.staticfile.org/fancybox/3.3.5/jquery.fancybox.min.css"; document.getElementsByTagName('head')[0].appendChild(csslink); var script = document.createElement('script'); script.src = "https://cdn.staticfile.org/jquery/3.3.1/jquery.min.js"; document.getElementsByTagName('head')[0].appendChild(script); var script = document.createElement('script'); script.src = "https://cdn.staticfile.org/fancybox/3.3.5/jquery.fancybox.min.js"; document.getElementsByTagName('head')[0].appendChild(script);
免责声明:
本页网址:点击复制分享给朋友吧!
本站分享的一切内容资源如若没有备注,均为蓝叶原创,如需转载请注明出处;如有侵权请与我们联系处理。敬请谅解!