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