整合營銷服務商

          電腦端+手機端+微信端=數據同步管理

          免費咨詢熱線:

          一秒get!用JS代碼下載公眾號封面圖片,簡單又高效

          一秒get!用JS代碼下載公眾號封面圖片,簡單又高效!

          秒get!用JS代碼下載公眾號封面圖片,簡單又高效!

          大家好,今天給大家帶來一個非常實用的小技巧——如何使用一段JS代碼當做書簽來下載公眾號的封面圖片!是不是聽起來很高大上?其實操作起來非常簡單,看完這篇文章,你也能輕松搞定!

          為什么要下載公眾號封面圖片?

          先來說說為什么我們需要下載公眾號的封面圖片。作為一個公眾號運營者,或者一個公眾號文章的狂熱粉絲,有時候我們會看到一些非常精美的封面圖片,忍不住想要保存下來。

          不僅可以用作素材,還可以欣賞這么漂亮的圖片嘛!然而,有些公眾號圖片沒有放到正文里面,也是不能直接右鍵保存的,這時候就需要一點小技巧啦!

          硬核技術解析

          別急,看到“技術”兩個字不要害怕,其實非常簡單!我們要用到一段JS代碼,這段代碼會在網頁上生成一個按鈕,點擊這個按鈕就能下載封面圖片。是不是聽起來很酷炫?

          JS代碼的秘密

          我不會把完整的代碼貼出來,直接講解一下它的原理:

          1. 1. 創建按鈕:首先,這段代碼會創建一個按鈕,樣式也很漂亮,綠色背景、白色文字,非常醒目。
          2. 2. 按鈕功能:當你點擊這個按鈕時,代碼會找到封面圖片的地址,然后下載圖片并保存到你的電腦上。

          聽起來簡單吧?那我們就開始實際操作吧!

          如何操作?

          下面是具體的操作步驟,跟著做,保證你能成功!

          第一步:將代碼保存為書簽

          1. 打開你的瀏覽器(這里我們以Chrome為例)。
          2. 在瀏覽器的書簽欄上點擊右鍵,選擇“添加網頁”。

          1. 給這個書簽取個名字,比如“下載公眾號封面”。
          2. 在“網址”一欄,粘貼上面的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. 點擊保存。

          第二步:使用書簽下載封面圖片

          1. 打開你想要下載封面圖片的公眾號文章頁面。
          2. 點擊剛才保存的書簽。
          3. 頁面上會出現一個新的按鈕,寫著“下載封面圖片”。
          4. 點擊這個按鈕,封面圖片就會自動下載到你的電腦上了!

          小結

          怎么樣,是不是非常簡單?只需要幾步操作,你就能輕松下載公眾號的封面圖片了!這個小技巧不僅適合技術小白,也非常實用。下次看到喜歡的封面圖片,再也不用愁了!

          希望這篇文章對你有幫助,趕快去試試吧!如果你覺得這個技巧有用,點贊就行,自己偷偷用!

          位親愛的鄉親們老鐵們大家好,今天是五一假期的最后一天,你已經收拾好心情準備迎接明天上班的朝陽了么?我是昨天就已經奮斗在一線的搬磚工人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


          主站蜘蛛池模板: 日韩AV片无码一区二区不卡| 成人精品一区二区三区校园激情| 中日韩一区二区三区| 在线电影一区二区三区| 天堂一区人妻无码| 无码人妻一区二区三区免费| 中文字幕无线码一区二区| 亚洲一区二区三区乱码在线欧洲| 亚洲熟妇无码一区二区三区导航| 中文字幕AV一区二区三区| 精品爆乳一区二区三区无码av| 国产高清在线精品一区| 濑亚美莉在线视频一区| 无码人妻一区二区三区免费视频| 国产精品一区二区久久精品无码| 亚洲一区二区三区影院| 中文字幕av日韩精品一区二区| 国产一区二区三区在线| 激情一区二区三区| 国产一区二区三区乱码在线观看| 一区二区三区视频观看| 51视频国产精品一区二区| 爆乳熟妇一区二区三区霸乳| 亚洲一区二区三区免费视频| 国产一区二区在线观看麻豆| 中文字幕一区二区三区久久网站 | 波多野结衣久久一区二区| 国产一区二区三区在线观看免费 | 国产精品无圣光一区二区| 亚洲一区二区三区播放在线| 精品综合一区二区三区| 在线日产精品一区| 无码国产伦一区二区三区视频 | 免费一区二区三区在线视频| 免费播放一区二区三区| 亚洲国产精品一区二区成人片国内| 免费高清av一区二区三区| 3D动漫精品一区二区三区| 国精无码欧精品亚洲一区| 免费无码AV一区二区| 国产av福利一区二区三巨|