全网整合营销服务商

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

免费咨询热线:15959292472

[贵阳seo公司就荐久澳]微信小程序之解析网页内容详细介绍

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

  最近在写一个爬虫☆-●◁,需要将网页进行解析供微信小程序使用。文字和图片解析都好说□▪▽,小程序也有对应的text和image标签可以呈现。而更复杂的,比如表格,则比较棘手●◆★,不管是服务端解析还是小程序呈现都很费劲,也很难覆盖所有情况-△。于是我想,将表格对应的HTML代码转成图片,不失为一种变通的方法◇•▷◁。

  这里我们采用node-webshot模块•▲△◆,它对PhantomJS进行了轻量封装▲◁=…,可以轻松地将网页以截图形式保存下来。

  首先安装Node.js和PhantomJS,吴忠市小程序制作公司26 2020.10 [seo公司怎么开发客户]微信小程序 触控事件的介绍 这篇文章主要介绍了微信小程序 触控事件的相关资料◇□=,在开发微信小程序的时候,难免会用到这样的功能◇◆,这里小编就帮大家梳理下相应的知识,需要的朋友可以参考下 微信小,然后新建一个js文件•◁◆,加载node-webshot模块:

  

const webshot = require('webshot'○▽◁▲;)◁○;

 

  定义选项◁▪◆□:

  

const options = {
 // 浏览器窗口
 screenSize=◁: {
 width▪●: 755,
 height: 25
 },
 // 要截图的页面文档区域
 shotSize: {
 height□□▪◆: '○▷=;all'△○◆;
 }△□-,
 // 网页类型
 siteType◁◆: 'html'
};

 

  这里,浏览器窗口的宽度要根据网页情况合理设置,高度可以设置为一个很小的数值,然后页面文档区域的高度一定要设置为all,宽度默认为窗口宽度,这样就可以把表格以最小的尺寸完整截图。

  接下来,[贵阳seo公司就荐久澳]定义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代码到本地图片的转换,后续可以上传到七牛云等。不管是服务端的解析=◆,还是小程序的呈现◁■,都没有什么难度了◆▼▲.☆■..

  以上就是微信小程序之解析网页内容详细介绍的详细内容■●,更多请关注久澳传媒编程栏目其它相关文章!

[贵阳seo公司就荐久澳]微信小程序之解析网页内容详细介绍

您的项目需求

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