这篇文章主要介绍了微信小程序 解析网页内容详解及实例的相关资料,这里使用爬虫对复杂的网页进行抓取，遇到些问题，这里整理下并解决，需要的朋友可以参考下
微信小程序 解析网页内容详解
最近在写一个爬虫，需要将网页进行解析供微信小程序使用。文字和图片解析都好说，小程序也有对应的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:
注意，里面的HTML代码一定要去掉换行符，并将双引号替换为单引号。
请将此程序放在网站根目录下运行。若没有IIS，请直接运行根目录下的 测试.exe 进行本地测试。基本功能表基本设置：后台可修改联系方式,网站信息。管 理 员：可新增管理员。自定义导航：新增修改导航菜单、菜单排序等。单页管理：单页面新增关键词和描述等。新闻增加：新闻可设置标题、新闻分类、添加内容等。新闻管理：可分类查看新闻、修改新闻、删除新闻等。产品管理：产品增加二级分类，产品略缩图、产品介绍等，
最后，截图：
webshot(html, 'demo.png', options, (err) => {
if (err)
console.log(`Webshot error: ${err.message}`);
});这样，就实现了从HTML代码到本地图片的转换，后续可以上传到七牛云等。不管是服务端的解析，还是小程序的呈现，都没有什么难度了...
以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！
相关推荐：
