工具 - 怎么看微信h5的源码？

2024-05-23 18:04:01

这个问题在我看网易的h5案例的时候萌生的。因为想看他的源码，但是手机微信打开肯定看不了。

以下几种看代码的方法：（页面案例用网易大大刷屏的h5《二零一六娱乐圈画卷》，真的是一个值得我等众生摩拜的项目！）

一、麻烦一点的配代理在手机端添加控制台看

这个材料需要：

Fiddler抓包工具（自己下载一个，使用教程见https://www.cnblogs.com/padding1015/p/9004742.html）

vconsole.min.js(npm上下载一个，或者github里搜索下载一个。安装方法:https://www.cnblogs.com/padding1015/p/9228696.html)。

手机配完fiddler代理后，重开页面，然后抓到index.html，然后down到本地，添加上vconsole的代码。

再将线上的index.html指向到本地文件（这种教程去百度词条搜索“fiddler 代理线上页面指向到本地文件”）。

然后手机上就有这个控制台可以看了：

总结：虽然麻烦，但是适用于设置了必须微信环境打开的项目。

二、简单一点的直接在电脑F12控制台查看

其实有时候，你直接将项目链接贴到浏览器会发现这种提示：

哈哈，还是得手机看。还是得返回第一种情况看源码吗？

no，我发现个小技巧：

具体操作：

浏览器粘贴地址，出现上边静态图二维码效果
F12打开控制台
控制台左上角点击后，切换成模拟器效果
F5重刷页面

这一套操作下来，基本上百分之90%的页面都出来了！

三、站在大佬的肩膀上看大佬的源码

哈哈哈，要知道微信有微信开发者工具啊，

更值得庆幸的是他还有网页调试模式啊：

可以新建项目时选择右边这个“公众号网页项目”就行了。

或者在菜单栏更改调试模式：

然后正常输入网页的链接，页面就出来啦：

转载于:https://www.cnblogs.com/padding1015/p/10030518.html

工具 - 怎么看微信h5的源码？相关推荐

用微信h5棋牌源码来测量相机到目标的距离
几天前,微信h5棋牌源码( h5.super-mans.com Q:2012035612)微信h5棋牌源码.他花了一些时间研究,但是没有找到解决办法. 我很能体会 Cameron 的感受.几年前我做过 ...
实用工具证件照制作微信小程序源码
这是一款证件照制作的微信小程序,里面也支持直接微信公众号版本生成安装支持多种尺寸制作支持相册上传于直接相机拍摄支持电子照存档等等拥有小程序推荐功能,可以给其它的小程序实现引流另外还支持换装美 ...
全新实用工具证件照制作微信小程序源码下载支持多种证件生成与制作
这是一款证件照制作的微信小程序,里面也支持直接微信公众号版本生成安装支持多种尺寸制作支持相册上传于直接相机拍摄支持多种类型的证件制作如,职业证件,公务员证件,身份证等各种类型支持电子照存档等等 ...
初学者也能看懂的 Vue2 源码中那些实用的基础工具函数
1. 前言大家好,我是若川.最近组织了源码共读活动,感兴趣的可以加我微信 ruochuan12 想学源码,极力推荐之前我写的<学习源码整体架构系列>jQuery.underscore.l ...
独家强大情侣头像网名个性签名多功能工具微信小程序源码下载
强大的多功能情侣小程序源码内含N款功能,每一款都是独特的列如的功能有: 情侣头像(这个大家都知道哈,就不用我介绍了) 情侣网名(这个也就不用我介绍了看名字就知道了网名生成(根据你输入的文字生成网 ...
一招学会DIY官网可视化设计支持导出微擎、UNIAPP、H5、微信小程序源码
DIY官网一站式婚庆案例实战,可视化设计导出微擎.UNIAPP.H5.微信小程序源码. 这里将给大家展示演示出来的所有不同类型演示. DIY官网一站式婚庆案例实战官网在线演示例子一站式婚庆服务公司后 ...
前后端分离的Java微信小程序B2C商城 H5+APP源码
Java B2C商城微信小程序 H5+APP源码前后端分离 H5+微信小程序+ Android+IOS, Java SpringBoot+vue 开发语言:JAVA 数据库:MySQL 开发工具:E ...
看漫画微信小程序源码/独立端漫画小程序源码
看漫画微信小程序源码,独立端漫画小程序源码是一款独立端看漫画微信小程序源码,本项目对接了看漫画网的接口,不需要额外采集或对接其他接口,并且该看漫画小程序源码开通了流量主功能. 我们只需要上传index ...
微信小程序：娱乐小工具微信小程序源码下载支持多种流量主
这应该是属于娱乐小工具呢还是属于工具箱类型就看你们怎么分辨了当然啦说是娱乐也可以,里面功能应该也属于娱乐性如果说是工具类型也可以,里面也属于工具吧该程序由几个小功能组合而成如有: 网易云音乐下载 ...

最新文章

热门文章