小編給大家分享一下微信小程序解析網(wǎng)頁(yè)內(nèi)容的示例分析，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

目前創(chuàng)新互聯(lián)已為上千的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)頁(yè)空間、成都網(wǎng)站托管、企業(yè)網(wǎng)站設(shè)計(jì)、西寧網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。

微信小程序 解析網(wǎng)頁(yè)內(nèi)容詳解

最近在寫一個(gè)爬蟲，需要將網(wǎng)頁(yè)進(jìn)行解析供微信小程序使用。文字和圖片解析都好說(shuō)，小程序也有對(duì)應(yīng)的text和image標(biāo)簽可以呈現(xiàn)。而更復(fù)雜的，比如表格，則比較棘手，不管是服務(wù)端解析還是小程序呈現(xiàn)都很費(fèi)勁，也很難覆蓋所有情況。于是我想，將表格對(duì)應(yīng)的HTML代碼轉(zhuǎn)成圖片，不失為一種變通的方法。

這里我們采用node-webshot模塊，它對(duì)PhantomJS進(jìn)行了輕量封裝，可以輕松地將網(wǎng)頁(yè)以截圖形式保存下來(lái)。

首先安裝Node.js和PhantomJS，然后新建一個(gè)js文件，加載node-webshot模塊：

const webshot = require('webshot');

定義選項(xiàng)：

const options = {
  // 瀏覽器窗口
  screenSize: {
    width: 755,
    height: 25
  },
  // 要截圖的頁(yè)面文檔區(qū)域
  shotSize: {
    height: 'all'
  },
  // 網(wǎng)頁(yè)類型
  siteType: 'html'
};

這里，瀏覽器窗口的寬度要根據(jù)網(wǎng)頁(yè)情況合理設(shè)置，高度可以設(shè)置為一個(gè)很小的數(shù)值，然后頁(yè)面文檔區(qū)域的高度一定要設(shè)置為all，寬度默認(rèn)為窗口寬度，這樣就可以把表格以最小的尺寸完整截圖。

接下來(lái)，定義html字符串：

let html = "target rich text html code, eg: <table>...</table>";

注意，里面的HTML代碼一定要去掉換行符，并將雙引號(hào)替換為單引號(hào)。

最后，截圖：

webshot(html, 'demo.png', options, (err) => {
  if (err)
    console.log(`Webshot error: ${err.message}`);
});

這樣，就實(shí)現(xiàn)了從HTML代碼到本地圖片的轉(zhuǎn)換，后續(xù)可以上傳到七牛云等。不管是服務(wù)端的解析，還是小程序的呈現(xiàn)，都沒(méi)有什么難度了...

以上是“微信小程序解析網(wǎng)頁(yè)內(nèi)容的示例分析”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

網(wǎng)站名稱：微信小程序解析網(wǎng)頁(yè)內(nèi)容的示例分析
URL網(wǎng)址：http://www.chinadenli.net/article10/iiehdo.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、定制網(wǎng)站、網(wǎng)站維護(hù)、網(wǎng)站設(shè)計(jì)公司、手機(jī)網(wǎng)站建設(shè)、網(wǎng)站排名

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)