這篇文章將為大家詳細講解有關微信小程序之如何解析網頁內容，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創新互聯公司-專業網站定制、快速模板網站建設、高性價比臨渭區網站開發、企業建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式臨渭區網站制作公司更省心,省錢,快速模板網站建設找我們，業務覆蓋臨渭區地區。費用合理售后完善，10年實體公司更值得信賴。

微信小程序 解析網頁內容詳解

最近在寫一個爬蟲，需要將網頁進行解析供微信小程序使用。文字和圖片解析都好說，小程序也有對應的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}`);
});

關于“微信小程序之如何解析網頁內容”這篇文章就分享到這里了，希望以上內容可以對大家有一定的幫助，使各位可以學到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。

本文名稱：微信小程序之如何解析網頁內容
本文URL：http://m.newbst.com/article14/ghogge.html

成都網站建設公司_創新互聯，為您提供全網營銷推廣、云服務器、網站維護、虛擬主機、、標簽優化

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯