最近在寫一個爬蟲，需要將網(wǎng)頁進(jìn)行解析供微信小程式使用。文字和圖片解析都好說，小程式也有對應(yīng)的text和image標(biāo)籤可以呈現(xiàn)。而更複雜的，例如表格，則比較棘手，不管是服務(wù)端解析還是小程式呈現(xiàn)都很費(fèi)勁，也很難涵蓋所有情況。於是我想，將表格對應(yīng)的HTML程式碼轉(zhuǎn)成圖片，不失為一種變通的方法。
這裡我們採用node-webshot模組，它對PhantomJS進(jìn)行了輕量級封裝，可以輕鬆地將網(wǎng)頁以截圖形式保存下來。
先安裝Node.js和PhantomJS，然後新建一個js文件，載入node-webshot模組：
const webshot = require('webshot');
定義選項(xiàng)：
const options = { // 瀏覽器窗口
screenSize: {
width: 755,
height: 25
},
// 要截圖的頁面文檔區(qū)域
shotSize: {
height: 'all'
},
// 網(wǎng)頁類型
siteType: 'html'
};這裡，瀏覽器視窗的寬度要根據(jù)網(wǎng)頁狀況合理設(shè)置，高度可以設(shè)定為很小的數(shù)值，然後頁面文件區(qū)域的高度一定要設(shè)定為all，寬度預(yù)設(shè)為視窗寬度，這樣就可以把表格以最小的尺寸完整截圖。
接下來，定義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}`);});以上是微信小程式之複雜富文本解析詳解的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！
熱AI工具
Undress AI Tool
免費(fèi)脫衣圖片
Undresser.AI Undress
人工智慧驅(qū)動的應(yīng)用程序，用於創(chuàng)建逼真的裸體照片
AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。
Clothoff.io
AI脫衣器
Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具，輕鬆在任何影片中換臉！
熱門文章
熱工具
記事本++7.3.1
好用且免費(fèi)的程式碼編輯器
SublimeText3漢化版
中文版，非常好用
禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境
Dreamweaver CS6
視覺化網(wǎng)頁開發(fā)工具
SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)
閒魚微信小程式正式上線
Feb 10, 2024 pm 10:39 PM
閒魚官方微信小程式悄悄上線，在小程式中可以發(fā)布閒置與買家/賣家私訊交流、查看個人資料及訂單、搜尋物品等，有用好奇閒魚微信小程式叫什麼，現(xiàn)在快來看一下。閒魚微信小程式叫什麼答案：閒魚，閒置交易二手買賣估價(jià)回收。 1、在小程式中可以發(fā)布閒置、與買家/賣家私訊交流、查看個人資料及訂單、搜尋指定物品等功能;2、在小程式的頁面中有首頁、附近、發(fā)閒置、訊息、我的5項(xiàng)功能；3、想要使用的話必要要開通微信支付才可以購買；
四款值得推薦的AI輔助程式工具
Apr 22, 2024 pm 05:34 PM
這個AI輔助程式工具在這個AI快速發(fā)展的階段，挖掘出了一大批好用的AI輔助程式工具。 AI輔助程式設(shè)計(jì)工具能夠提升開發(fā)效率、提升程式碼品質(zhì)、降低bug率，是現(xiàn)代軟體開發(fā)過程中的重要助手。今天大姚給大家分享4款A(yù)I輔助程式工具（而且都支援C#語言），希望對大家有幫助。 https://github.com/YSGStudyHards/DotNetGuide1.GitHubCopilotGitHubCopilot是一款A(yù)I編碼助手，可幫助你更快、更省力地編寫程式碼，從而將更多精力集中在問題解決和協(xié)作上。 Git
AI程式設(shè)計(jì)師哪家強(qiáng)？探索Devin、通靈靈碼和SWE-agent的潛力
Apr 07, 2024 am 09:10 AM
2022年3月3日，距離世界首個AI程式設(shè)計(jì)師Devin誕生不足一個月，普林斯頓大學(xué)的NLP團(tuán)隊(duì)開發(fā)了一個開源AI程式設(shè)計(jì)師SWE-agent。它利用GPT-4模型在GitHub儲存庫中自動解決問題。 SWE-agent在SWE-bench測試集上的表現(xiàn)與Devin相似，平均耗時(shí)93秒，解決了12.29%的問題。 SWE-agent透過與專用終端交互，可以開啟、搜尋文件內(nèi)容，使用自動語法檢查、編輯特定行，以及編寫和執(zhí)行測試。 （註：以上內(nèi)容為原始內(nèi)容微調(diào)，但保留了原文中的關(guān)鍵訊息，未超過指定字?jǐn)?shù)限制。）SWE-A
學(xué)習(xí)如何利用Go語言開發(fā)行動應(yīng)用程式
Mar 28, 2024 pm 10:00 PM
Go語言開發(fā)行動應(yīng)用程式教學(xué)隨著行動應(yīng)用程式市場的不斷蓬勃發(fā)展，越來越多的開發(fā)者開始探索如何利用Go語言開發(fā)行動應(yīng)用程式。作為一種簡潔高效的程式語言，Go語言在行動應(yīng)用開發(fā)中也展現(xiàn)了強(qiáng)大的潛力。本文將詳細(xì)介紹如何利用Go語言開發(fā)行動應(yīng)用程序，並附上具體的程式碼範(fàn)例，幫助讀者快速入門並開始開發(fā)自己的行動應(yīng)用程式。一、準(zhǔn)備工作在開始之前，我們需要準(zhǔn)備好開發(fā)環(huán)境和工具。首
閒魚微信小程式叫什麼
Feb 27, 2024 pm 01:11 PM
閒魚官方微信小程式已經(jīng)悄悄上線，它為用戶提供了一個便捷的平臺，讓你可以輕鬆地發(fā)布和交易閒置物品。在小程式中，你可以與買家或賣家進(jìn)行私訊交流，查看個人資料和訂單，以及搜尋你想要的物品。那麼閒魚在微信小程式中究竟叫什麼呢，這篇教學(xué)攻略將為您詳細(xì)介紹，想要了解的用戶們快來跟著本文繼續(xù)閱讀吧！閒魚微信小程式叫什麼答案：閒魚，閒置交易二手買賣估價(jià)回收。 1、在小程式中可以發(fā)布閒置、與買家/賣家私訊交流、查看個人資料及訂單、搜尋指定物品等功能;2、在小程式的頁面中有首頁、附近、發(fā)閒置、訊息、我的5項(xiàng)功能；3、
Go語言前端技術(shù)探秘：前端開發(fā)新視野
Mar 28, 2024 pm 01:06 PM
Go語言作為一種快速、高效的程式語言，在後端開發(fā)領(lǐng)域廣受歡迎。然而，很少有人將Go語言與前端開發(fā)聯(lián)繫起來。事實(shí)上，使用Go語言進(jìn)行前端開發(fā)不僅可以提高效率，還能為開發(fā)者帶來全新的視野。本文將探討使用Go語言進(jìn)行前端開發(fā)的可能性，並提供具體的程式碼範(fàn)例，幫助讀者更了解這一領(lǐng)域。在傳統(tǒng)的前端開發(fā)中，通常會使用JavaScript、HTML和CSS來建立使用者介面
五大熱門Go語言庫總表：開發(fā)必備利器
Feb 22, 2024 pm 02:33 PM
五大熱門Go語言庫總結(jié)：開發(fā)必備利器，需要具體程式碼範(fàn)例Go語言自從誕生以來，受到了廣泛的關(guān)注和應(yīng)用。作為一門新興的高效、簡潔的程式語言，Go的快速發(fā)展離不開豐富的開源程式庫的支援。本文將介紹五大熱門的Go語言庫，這些庫在Go開發(fā)中扮演了至關(guān)重要的角色，為開發(fā)者提供了強(qiáng)大的功能和便利的開發(fā)體驗(yàn)。同時(shí)，為了更好地理解這些庫的用途和功能，我們會結(jié)合具體的程式碼範(fàn)例進(jìn)行講
Android開發(fā)最適合的Linux發(fā)行版是哪一個？
Mar 14, 2024 pm 12:30 PM
Android開發(fā)是一項(xiàng)繁忙而又令人興奮的工作，而選擇適合的Linux發(fā)行版來進(jìn)行開發(fā)則顯得尤為重要。在眾多的Linux發(fā)行版中，究竟哪一個最適合Android開發(fā)呢？本文將從幾個方面來探討這個問題，並給出具體的程式碼範(fàn)例。首先，我們來看看目前流行的幾個Linux發(fā)行版：Ubuntu、Fedora、Debian、CentOS等，它們都有各自的優(yōu)點(diǎn)和特點(diǎn)。
