大家好,今天給大家帶來一個非常實用的小技巧——如何使用一段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小時內與您取得聯系。