邻近的小程序功用晋级_微信小程序 解析网页内容

发布时间:2021-01-12 13:49 作者:jianzhan

摘要: 手机微信微信小程序 分析网页页面內容详细说明及案例 本文关键详细介绍了手机微信微信小程序 分析网页页面內容详细说明及案例的有关材料,这儿应用网络爬虫对繁杂的网页页

微信小程序 解析网页内容详解及实例       这篇文章主要介绍了微信小程序 解析网页内容详解及实例的相关资料,这里使用爬虫对复杂的网页进行抓取,遇到些问题,这里整理下并解决,需要的朋友可以参考下

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

最近在写一个爬虫,需要将网页进行解析供微信小程序使用。文字和图片解析都好说,小程序也有对应的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代码到本地图片的转换,后续可以上传到七牛云等。不管是服务端的解析,还是小程序的呈现,都没有什么难度了...

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


  • 个人网站使用wordpress建站

    本人网站的构建方法,因为难题较为简易,了解那样网站blog方式,以前是非常火的一个论题。如今那样提,是爱看看自身等下构建的网站也有沒有甚么必须开展补充的地区。希望诸位知

  • 中小型企业如何寻找和搭

    做为行政部门部差旅费运营专员,想处理企业公出列车票、飞机票、酒店餐厅统一按月结算和费用报销难题,不需有许多协作商沟通交流。降低职工与差旅费运营专员沟通交流,想完成

  • 什么样的营销型网站才算

    什么的营销推广营销推广型网站才算定制?作为企业老板,当我们们们有规定务必建设网站公司协助定制网站的状况下,统统模糊不清白的大伙儿,从哪里差别什么是模版网站,什么是

  • 自助建站怎么样?你需要

    随着着互联网快速发展趋势发展趋势,公司企业网站建设遭到越来越越越大的关注。优异的企业网站能够为企业知名品牌品牌形象知名品牌品牌代言,还能够变为产品或服务宣传策划方

  • 今天咨询了一下蓝色工匠

    今日资询了一下深蓝色匠人的企业网站建设服务,她们说成订制这类的,我觉得问一下什么是订制?十分简单化的掌握,网站的定制和衣服裤子牛仔裤子的定制所属于一样,倘若再扩宽