大家好,今天给大家带来一个非常实用的小技巧——如何使用一段JS代码当做书签来下载公众号的封面图片!是不是听起来很高大上?其实操作起来非常简单,看完这篇文章,你也能轻松搞定!
先来说说为什么我们需要下载公众号的封面图片。作为一个公众号运营者,或者一个公众号文章的狂热粉丝,有时候我们会看到一些非常精美的封面图片,忍不住想要保存下来。
不仅可以用作素材,还可以欣赏这么漂亮的图片嘛!然而,有些公众号图片没有放到正文里面,也是不能直接右键保存的,这时候就需要一点小技巧啦!
别急,看到“技术”两个字不要害怕,其实非常简单!我们要用到一段JS代码,这段代码会在网页上生成一个按钮,点击这个按钮就能下载封面图片。是不是听起来很酷炫?
我不会把完整的代码贴出来,直接讲解一下它的原理:
听起来简单吧?那我们就开始实际操作吧!
下面是具体的操作步骤,跟着做,保证你能成功!
javascript:(function(){var metaContentElement=document.getElementById('meta_content_hide_info');var newTag=document.createElement('span');newTag.style.position='initial';newTag.style.right='10px';newTag.style.top='10px';newTag.style.backgroundColor='#4CAF50';newTag.style.color='#fff';newTag.style.padding='5px';newTag.style.borderRadius='5px';newTag.style.cursor='pointer';newTag.style.fontSize='12px';newTag.textContent='下载封面图片';newTag.onclick=function(){var ogImageMeta=document.querySelector('meta[property="og:image"]');var ogTitleMeta=document.querySelector('meta[property="og:title"]');if(ogImageMeta){var imageUrl=ogImageMeta.content;var fileName=getValidFileName(ogTitleMeta?ogTitleMeta.content:null);fetchAndDownloadImage(imageUrl,fileName);}else{alert('没有找到og:image标签');}};metaContentElement.parentNode.insertBefore(newTag,metaContentElement.nextSibling);function getValidFileName(ogTitle){if(ogTitle&&ogTitle.trim().length>0){return ogTitle.trim();}return'cover_image';}function fetchAndDownloadImage(url,fileName){fetch(url).then(response=>response.blob()).then(blob=>{const blobUrl=window.URL.createObjectURL(blob);const a=document.createElement('a');a.href=blobUrl;a.download=fileName;document.body.appendChild(a);a.click();document.body.removeChild(a);window.URL.revokeObjectURL(blobUrl);}).catch(error=>console.error('Error downloading image:',error));}})();
5. 点击保存。
怎么样,是不是非常简单?只需要几步操作,你就能轻松下载公众号的封面图片了!这个小技巧不仅适合技术小白,也非常实用。下次看到喜欢的封面图片,再也不用愁了!
希望这篇文章对你有帮助,赶快去试试吧!如果你觉得这个技巧有用,点赞就行,自己偷偷用!
位亲爱的乡亲们老铁们大家好,今天是五一假期的最后一天,你已经收拾好心情准备迎接明天上班的朝阳了么?我是昨天就已经奋斗在一线的搬砖工人9妹~
2020年这上半年,受疫情的影响,各行各业都多多少少出现了裁员的情况,就连一直觉得自己拥有强大靠山的9妹,看到各种公司解散裁员的消息,后背都开始冒冷汗,所以这时候站在搬砖前线,就显得尤为重要了……
不过让9妹没想到的是,竟然还有人比9妹更会闻风而动窥伺先机,以迅雷不及掩耳之势出了96里的新功能(没错TA就是经常为加班干杯的程序员一族)▼
在96首页右方的【导入文章】功能中,为了帮助大家能够快速的获得图文封面、提取视频地址,同时采集出PDF文件中的内容,我们的程序猿小伙伴们上新了三个新功能:【导入PDF】、【提取封面】和【提取视频】
那么接下来,就随9妹一起来看看,这些新功能要如何应用吧~
1、导入PDF
如果某天,领导要你将一份PDF文件中的内容,重新组合编辑成一篇图文,我们重新打字又十分麻烦且浪费时间,那么可以用96中的“导入PDF”功能,将PDF导入到96中,会自动帮你转换成文字内容▼
不过在导入PDF文件时要注意,尽量不要选用带表格的PDF文件,纯文字版的PDF文件更容易导入成功哦~
2、提取封面
其实早在之前的图文中,9妹就已经给大家介绍过很多提取图文封面的方法了,但是这些方法,多多少少都牵扯到了网页代码,因此不懂代码的小伙伴,经常容易操作失误……
而现在96里有了【提取封面】的功能,我们可以通过复制粘贴图文链接地址,直接将封面提取出来▼
在窗口中输入文章地址,进行提取之后,后台会自动识别出图片地址,然后我们复制“封面地址”中的地址,粘贴到浏览器地址栏中,就可以快速找到想要的封面图啦▼
3、提取视频
在96交流群和后台留言中,有很多小伙伴经常问“9妹图文里的视频该怎么下载”,所以为了能够快速解决这个问题,程序员小伙伴们出了这个提取视频的功能▼
点击【提取视频】后,将你的文章地址复制粘贴到对话框的地址栏中,点击提取,就能得到视频的地址了;在这里,我们可以选择复制视频地址,在新页面中打开下载,也可以选择直接插入96中使用~
不过需要注意的是,由于公众号的限制,所以视频不能在96中播放,插入96后,直接复制到你的公众号后台预览即可;同时,提取视频的文章地址,必须是微信图文哦~
END
OK那么以上就是
最近96的新功能啦
有这些需求的小伙伴
记得亲自去尝试一下哦
当然也欢迎你们把
更多的使用反馈给我们
这样96才能更加进步
为大家提供更好的功能和服务哦
错,是我,你没有走错片场,从今天开始,打算在自己公众号里写一些自己学习HTML、CSS、JS过程中的一些心得和代码。
今天算是第一天吧,是照着别人的视频一边抄一边写的。时间有点仓促,没来得及做注释。虽然代码各种不规范,但是好歹运行成功了(封面图和下图为证)。以此纪念吧!
<!DOCTYPE html>
<html>
<head>
<title>2018年11月8日</title>
<style type="text/css">
*{
margin: 0;
padding: 0;
}
@font-face{
font-family: "qingshu";
src:url("MFQingShu_Noncommercial-Regular.ttf");//本地字体
}
#pp{
font-family: "qingshu";
margin: 0;
padding:0;
width: 600px;
height: 600px;
background: orange;
line-height: 600px;
font-size: 100px;
text-align: center;
text-shadow: 5px 5px blue;
transform: scale(0.5) translate(200px,50px);
transform: scale(0.5) rotate(180deg);
box-shadow: 10px;
}
h3{
margin-left: 200px;
}
</style>
<script type="text/javascript">
window.onload=function Time(){
var time=new Date;
var hour=time.getHours();
var min=time.getMinutes();
var sec=time.getSeconds();
document.getElementById("pp").innerHTML="时间:"+hour+":"+min+":"+sec;
setTimeout(window.onload,1000)
}
</script>
</head>
<body>
<h3>
2018年11月8日练习
</h3>
<p id="pp"></p>
</body>
</html>
最后,希望看完的各位,不要取关。。。
为了开原创,加上了,昨晚上写的废话。。。
人也许只有选对了路,才会觉得努力不会白费。即便路上挣扎和苦闷,但是,你做的事情如果真的是自己想做的事情,这些困难都不事儿。
一直觉得,人最可怕的莫过于自己都不知道自己喜欢啥。。。
追逐梦想并不是最累的,寻找到真正属于自己的道路才是最辛苦的。因为期间,你将经历无数次选择以及伴随而来的内心的情绪起伏和失望。
发现自己很多时候,内心对很多人很多事都是充满敬畏感的。但是自己的外在表现却又是对大多人和事不屑一顾。。。这也许就是传说中的心口不一吧!
也许你觉得领导交代给你的工作,是信任你,帮你提高个人能力,或者说是给你锻炼和学习的机会。
然而,事实并不是这样的。领导只是面对要解决的问题,只是在寻找合适去做这件事情或者其他人不愿意做的人。至于领导口中的锻炼和学习,只是嘴里的漂亮话而已。
还有,领导总喜欢拿一些非常基础的工作来测试你的工作态度。
这个做法尤其喜欢用在新来的员工身上,这些工作还要求新来的不能投机取巧,要用最笨方法去做,名曰磨练和考验。
这些做法看似没啥问题,可是人做很多事都会有惯性。这些“新来的”也许半年后还在做这些基础工作。
而对于一些比较牛的技术人员,对于这些工作,大多数会选择拒绝,他们可以找到更高层级的工作,而不是每天被这些琐事所累!
对于这些人,他们甚至直接出钱把这些琐事交给闲人去做。
这种境界,也只有到了这个高度的人才能体会到。
然而,如今的一些小公司,大多数领导和员工的能力都不强,于是只能交代给你最基础的工作,工资当然也是最基础的。
对于这些琐事,你也并不爱做,但却不得不做。因为你已经会做而且已经做的烂熟于心了。
而寻找其本质,你只不过是帮领导干活的一个劳动工具而已。谈那么多的理想,都是扯淡。
最近觉得,自己的状态一直是被公司的工作所绑架了,其中包括时间和精力。
我这人吧,心不狠,又不会拒绝别人。自己的工作也可能会因为时间有限或者业务不精干的一塌糊涂。所以,我这人一直活得太累。
人能活在这个世界上,都不容易。每个人都是在辛苦的过着日子。也许你擅长人际关系,你去搞销售,搞管理。
你擅长做事情或者琢磨东西,那就去做技术或者研发。
那些看似被你成为成长的工作大部分是在利用和浪费你的时间而已,因为,你真的不一定能从中学到东西。你也无法面面俱到,全都做好。
所以,我觉得人这一辈子,还是找到自己擅长的事情,并把它变成自己喜欢去做也愿意做好的事情。
总之,面对自己完全不感兴趣的工作,给自己的生活和心灵留点时间和空间吧!进而寻找到自己的一技之长,这样才能在社会中立足。
最后,路终归是自己走的,开心与否,只有自己知道,与他人无关。。。
2018年11月9日 00:15
*请认真填写需求信息,我们会在24小时内与您取得联系。