专注WEB开发 分享经验,沉淀知识

pc端如何使用微信浏览器测试

 作者:chenxing  时间:2017-08-09 18:29  评论:

虽然没有微信浏览器产品,但是有pc端的微信程序。直接把要打开的页面甩到微信程序,然后点击链接打开,这个和你用手机微信中扫二维码打开或者点击链接打开是一致的。

最近回家比较晚,将近一周没更新。这一周的开发和微信打交道比较多,今天就聊一聊跟微信开发相关的话题--‘pc端如何使用微信浏览器测试’。

首先并没有微信浏览器这个产品,即微信不能像安装其他的浏览器一样,下一个安装包就可使用。这里的微信浏览器更新一个插件嵌入在微信中,我们就可以在微信中浏览量网页。

微信作为一个流量入口,大平台。非常大的概率你的网页是在微信中打开的。作为开发者如何让你的数据在微信浏览器完美展现,是非常值得关注的问题。

QQ浏览器可以作为微信浏览器的样式调试工具

对于前端样式上,使用QQ浏览器调试就可以了,微信使用的是QQ浏览器的X5内核。对于样式调试使用QQ浏览器。

需要获取某个用户微信信息的页面可以使用pc端微信程序

虽然没有微信浏览器产品,但是有pc端的微信程序。直接把要打开的页面甩到微信程序,然后点击链接打开,这个和你用手机微信中扫二维码打开或者点击链接打开是一致的。

举一个我最近开发的一个实例:这个页面需要获取微信用户信息,即需要使用微信用户登录。使用pc测试这个页面步骤。

1.打开链接

微信浏览器

2.关注公众号获取用户信息

微信浏览器

这结果和在手机端打开效果一致,免去了使用手机测试的麻烦。

当然这么做只是开发兼顾微信端,完成快速测试的目的,因为不可能为了测试一个页面而配置一整套移动端环境。但如果你的项目主要是做微信开发或者移动端开发,那么当然是使用专门的开发工具啦,方便调试。比如微信的web开发者工具,开发公众号和小程序就它吧。一个好的开发工具总能事半功倍。

写到这里,顺便也提一下微信公众号开发的自己服务器测试环境。做微信公众号开发需要有一个线上服务器认证的,方便微信数据的转发。我们开发测试的时候是不是得把代码push到线上服务器,才能拉去微信得数据呢?其实我们完全可以用本地开发服务器拉取微信数据。这里有一个小技巧 就是本地服务器配置一个虚拟主机,域名和线上认证服务器域名一致,这样就可以利用本地服务器环境做微信开发啦。

除特别注明外,本站所有文章均为作者原创。 或分享自己的编程经验,或探讨工作中的问题,或聊以人生趣事。 转载请注明出处来自 http://www.qiusuoweb.com/63.html

发布评论

 提交评论
有人回复时邮件通知我

 评论(0)

站长头像
chenxing(PHP攻城狮)

运营天数

总访问量

文章数量

-

-

-

交流群:157451741

新浪微博:草莽兴

 近期文章

个人博客图片免费存放解决方案

 2022-03-21 00:16  92

MySQL中的MVCC总结

 2022-03-19 03:00  94

什么才是高级工程师的第一技能

 2022-03-16 22:04  71

 最新评论

 诚心: 09月29日 23:01
学到了
来源: 如何一次性推送百万级别的消息
 Nick: 04月14日 12:26
网上的资料还是太老,都只是取一个元素,解决了一大难题
来源: redis set集合取出一组数据并删除
 skywalker: 11月03日 18:21
简洁明了
来源: mysql 获取某个日期的前一天或后一天
 lisheng: 05月09日 19:26
兴哥牛B加油哈兴哥成功的道路上你又进了一步 哈哈
来源: 一年时间又回到这里
 心态炸裂: 03月24日 10:54
No3.blindcomfirm 多了一个l,望改正!!!
来源: 微信小程序获取input值的总结
 666666: 11月08日 13:49
66666
来源: 一年时间又回到这里