|
導讀微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應用。小程序是一種不用下載就能使用的應用,也是一... 微信小程序,簡稱小程序,英文名Mini Program,是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或搜一下即可打開應用。小程序是一種不用下載就能使用的應用,也是一項門檻非常高的創新,經過將近兩年的發展,已經構造了新的小程序開發環境和開發者生態。 這篇文章主要介紹了微信小程序 解析網頁內容詳解及實例的相關資料,這里使用爬蟲對復雜的網頁進行抓取,遇到些問題,這里整理下并解決,需要的朋友可以參考下微信小程序 解析網頁內容詳解 最近在寫一個爬蟲,需要將網頁進行解析供微信小程序使用。文字和圖片解析都好說,小程序也有對應的text和image標簽可以呈現。而更復雜的,比如表格,則比較棘手,不管是服務端解析還是小程序呈現都很費勁,也很難覆蓋所有情況。于是我想,將表格對應的HTML代碼轉成圖片,不失為一種變通的方法。 這里我們采用node-webshot模塊,它對PhantomJS進行了輕量封裝,可以輕松地將網頁以截圖形式保存下來。 首先安裝Node.js和PhantomJS,然后新建一個js文件,加載node-webshot模塊: const webshot = require('webshot');定義選項: const options = {
// 瀏覽器窗口
screenSize: {
width: 755,
height: 25
},
// 要截圖的頁面文檔區域
shotSize: {
height: 'all'
},
// 網頁類型
siteType: 'html'
};這里,瀏覽器窗口的寬度要根據網頁情況合理設置,高度可以設置為一個很小的數值,然后頁面文檔區域的高度一定要設置為all,寬度默認為窗口寬度,這樣就可以把表格以最小的尺寸完整截圖。 接下來,定義html字符串: let html = "target rich text html code, eg: <table>...</table>"; 注意,里面的HTML代碼一定要去掉換行符,并將雙引號替換為單引號。 最后,截圖: webshot(html, 'demo.png', options, (err) => {
if (err)
console.log(`Webshot error: ${err.message}`);
});這樣,就實現了從HTML代碼到本地圖片的轉換,后續可以上傳到七牛云等。不管是服務端的解析,還是小程序的呈現,都沒有什么難度了... 以上就是本文的全部內容,希望對大家的學習有所幫助,更多相關內容請關注PHP中文網! 相關推薦: 以上就是關于微信小程序解析網頁內容的介紹的詳細內容,更多請關注php中文網其它相關文章! 小程序是一種不需要下載安裝即可使用的應用,它實現了應用“觸手可及”的夢想,用戶掃一掃或者搜一下即可打開應用。 |
溫馨提示:喜歡本站的話,請收藏一下本站!