微信小程序 解析网页内容详解及实例
微信小程序 解析网页内容详解
最近在写一个爬虫，需要将网页进行解析供微信小程序使用。文字和图片解析都好说，小程序也有对应的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代码到本地图片的转换，后续可以上传到七牛云等。不管是服务端的解析，还是小程序的呈现，都没有什么难度了...
感谢阅读，希望能帮助到大家，谢谢大家对本站的支持！
-
本文向大家介绍微信小程序 template模板详解及实例，包括了微信小程序 template模板详解及实例的使用技巧和注意事项，需要的朋友参考一下 微信小程序 template模板详解及实例 首先看一些官方的一些介绍。 模板：模板功能是通过对template 标签的属性 name=”” 去创建不同模板，通过is=”name的值”来使用。 通过上面两张图，大概能看出，使用模板可以为大量类似的布局带来
-
本文向大家介绍微信小程序 获取微信OpenId详解及实例代码，包括了微信小程序 获取微信OpenId详解及实例代码的使用技巧和注意事项，需要的朋友参考一下 获取微信OpenId 先获取code 再通过code获取authtoken，从authtoken中取出openid给前台 微信端一定不要忘记设定网页账号中的授权回调页面域名 流程图如下 主要代码 页面js代码 WxCodeServlet代码 W
-
本文向大家介绍微信小程序 页面传值详解，包括了微信小程序 页面传值详解的使用技巧和注意事项，需要的朋友参考一下 微信小程序 页面传值详解 一. 跨页面传值. 1 . 用 navigator标签传值或 wx.navigator, 比如 这里将good_id=16 参数传入detail页面, 然后detail页面的 onload方法内接受. 如果需要传多个参数, 用 & 链接即可 如果要传 数组, 字
-
本文向大家介绍微信小程序 navigation API实例详解，包括了微信小程序 navigation API实例详解的使用技巧和注意事项，需要的朋友参考一下 演示效果也看到了小程序也就提供这几个处理导航控制。值得注意的是只能同时导航五个页面 主要属性： 导航条一些方法 wx.setNavigationBarTitle(object) 设置导航条的Title 导航标题可以通过三种方式设置，第一种是
-
本文向大家介绍微信小程序 audio音频播放详解及实例，包括了微信小程序 audio音频播放详解及实例的使用技巧和注意事项，需要的朋友参考一下 微信小程序 audio音频播放 audio audio为音频组件，我们可以轻松的在小程序中播放音频。 属性名 类型 默认值 说明 id String video 组件的唯一标识符， src String 要播放音频的资源地址 loop Boo
-
本文向大家介绍微信小程序 template模板详解及实例代码，包括了微信小程序 template模板详解及实例代码的使用技巧和注意事项，需要的朋友参考一下 微信小程序 template模板详解 如下图，我在做华企商学院小程序的时候，课程搜索结果页和课程列表页结构是完全一样的，这时就非常适合使用模板来完成页面搭建。实现一次定义，到处使用。 模板 一、定义模板 1、新建一个template文件夹用来管