全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[绍兴百度SEO优化公司]微信小程序之解析网页内容

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

  最近在写一个爬虫,需要将网页进行解析供微信小程序使用。文字和图片解析都好说,小程序也有对应的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>...&lt▽▼;/table>"○◆☆;;

 

  注意,[马鞍山seo公司就找久澳]ps里面怎么把图片融合到背景里面[绍兴百度SEO优化公司]里面的HTML代码一定要去掉换行符■▪▷▽,并将双引号替换为单引号。

  最后▪★▷■,截图:

  

webshot(html, '=▼▲=;demo.png'▼==•, options◇◇▽, (err) =>●◆□▷; {
 if (err)
 console○=.log(`Webshot error●△◇: ${err▷=○★.message}`);
});

 

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

  以上就是微信小程序之解析网页内容的详细内容,南昌市小程序开发哪家好更多请关注久澳传媒编程栏目其它相关文章□▷!

[绍兴百度SEO优化公司]微信小程序之解析网页内容

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。