小編給大家分享一下微信小程序之解析網(wǎng)頁內(nèi)容的示例分析,相信大部分人都還不怎么了解,因此分享這篇文章給大家參考一下,希望大家閱讀完這篇文章后大有收獲,下面讓我們一起去了解一下吧!
最近在寫一個爬蟲,需要將網(wǎng)頁進行解析供微信小程序使用。文字和圖片解析都好說,小程序也有對應(yīng)的text和image標(biāo)簽可以呈現(xiàn)。而更復(fù)雜的,比如表格,則比較棘手,不管是服務(wù)端解析還是小程序呈現(xiàn)都很費勁,也很難覆蓋所有情況。于是我想,將表格對應(yīng)的HTML代碼轉(zhuǎn)成圖片,不失為一種變通的方法。
這里我們采用node-webshot模塊,它對PhantomJS進行了輕量封裝,可以輕松地將網(wǎng)頁以截圖形式保存下來。
首先安裝Node.js和PhantomJS,然后新建一個js文件,加載node-webshot模塊:
const webshot = require('webshot');
定義選項:
const options = { // 瀏覽器窗口 screenSize: { width: 755, height: 25 }, // 要截圖的頁面文檔區(qū)域 shotSize: { height: 'all' }, // 網(wǎng)頁類型 siteType: 'html' };
這里,瀏覽器窗口的寬度要根據(jù)網(wǎng)頁情況合理設(shè)置,高度可以設(shè)置為一個很小的數(shù)值,然后頁面文檔區(qū)域的高度一定要設(shè)置為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}`); });
以上是“微信小程序之解析網(wǎng)頁內(nèi)容的示例分析”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習(xí)更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
名稱欄目:微信小程序之解析網(wǎng)頁內(nèi)容的示例分析-創(chuàng)新互聯(lián)
本文路徑:http://jinyejixie.com/article8/dsship.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供微信公眾號、網(wǎng)站內(nèi)鏈、移動網(wǎng)站建設(shè)、App設(shè)計、服務(wù)器托管、面包屑導(dǎo)航
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容