微信小程序 解析网页内容详解及实例

微信小程序 解析网页内容详解

最近在写一个爬虫，需要将网页进行解析供微信小程序使用。文字和图片解析都好说，小程序也有对应的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}`);
});

这样，就实现了从HTML代码到本地图片的转换，后续可以上传到七牛云等。不管是服务端的解析，还是小程序的呈现，都没有什么难度了...

感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！

# 微信小程序  # 解析网页内容  # 小程序  # 解析网页  # 微信小程序 for 循环详解  # 微信小程序 实战小程序实例  # 微信小程序（应用号）简单实例应用及实例详解  # 微信小程序 参数传递详解  # 微信小程序 数据访问实例详解  # 微信小程序 WXML、WXSS 和JS介绍及详解  # 微信小程序 实现列表刷新的实例详解  # 微信小程序 wx.request(接口调用方式)详解及实例  # 微信小程序 获取微信OpenId详解及实例代码  # 微信小程序 wx:key详细介绍  # 设置为  # 服务端  # 有什么  # 我想  # 文档  # 也有  # 很难  # 都没  # 希望能  # 都很  # 并将  # 谢谢大家  # 它对  # 转成  # 进行了  # 就可以  # 新建一个  # 默认为  # 实现了  # 加载 

相关文章： 电商网站制作价格怎么算,网上拍卖流程以及规则？  网站制作网站,深圳做网站哪家比较好？  广州美橙建站如何快速搭建多端合一网站？  山东网站制作公司有哪些,山东大源集团官网？  如何获取上海专业网站定制建站电话？  子杰智能建站系统｜零代码开发与AI生成SEO优化指南  如何通过NAT技术实现内网高效建站？  建站之星伪静态规则如何正确配置？  网站制作哪家好,cc、.co、.cm哪个域名更适合做网站？  如何在阿里云香港服务器快速搭建网站？  教程网站设计制作软件,怎么创建自己的一个网站？  rsync同步时出现rsync: failed to set times on “xxxx”: Operation not permitted  常州自助建站：操作简便模板丰富，企业个人快速搭建网站  如何将凡科建站内容保存为本地文件？  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设？  如何通过老薛主机一键快速建站？  番禺网站制作公司哪家值得合作,番禺图书馆新馆开放了吗？  建站主机核心功能解析：服务器选择与网站搭建流程指南  如何在万网开始建站？分步指南解析  如何解决ASP生成WAP建站中文乱码问题？  重庆市网站制作公司,重庆招聘网站哪个好？  利用JavaScript实现拖拽改变元素大小  建站之星后台密码遗忘？如何快速找回？  公司网站设计制作厂家,怎么创建自己的一个网站？  沈阳个人网站制作公司,哪个网站能考到沈阳事业编招聘的信息？  七夕网站制作视频,七夕大促活动怎么报名？  建站主机选择指南：服务器配置与SEO优化实战技巧  矢量图网站制作软件,用千图网的一张矢量图做公司app首页，该网站并未说明版权等问题，这样做算不算侵权？应该如何解决？  深圳网站制作培训,深圳哪些招聘网站比较好？  武汉网站如何制作,黄黄高铁武穴北站途经哪些村庄？  如何通过FTP空间快速搭建安全高效网站？  建站为何优先选择香港服务器？  制作网站的模板软件,网站怎么建设？  网站好制作吗知乎,网站开发好学吗？有什么技巧？  金*站制作公司有哪些,金华教育集团官网？  香港服务器网站生成指南：免费资源整合与高速稳定配置方案  名字制作网站免费,所有小说网站的名字？  临沂网站制作公司有哪些,临沂第四中学官网？  php8.4新语法match怎么用_php8.4match表达式替代switch【方法】  php能控制zigbee模块吗_php通过串口与cc2530 zigbee通信【介绍】  Swift中循环语句中的转移语句 break 和 continue  C++ static_cast和dynamic_cast区别_C++静态转换与动态类型安全转换  公司网站的制作公司,企业网站制作基本流程有哪些？  如何实现建站之星域名转发设置？  济南专业网站制作公司,济南信息工程学校怎么样？  陕西网站制作公司有哪些,陕西凌云电器有限公司官网？  c# 在高并发场景下，委托和接口调用的性能对比  高端建站三要素：定制模板、企业官网与响应式设计优化  全景视频制作网站有哪些,全景图怎么做成网页？  已有域名如何免费搭建网站？