这个问题在我看网易的h5案例的时候萌生的。因为想看他的源码,但是手机微信打开肯定看不了。
以下几种看代码的方法:(页面案例用网易大大刷屏的h5《二零一六娱乐圈画卷》,真的是一个值得我等众生摩拜的项目!)
这个材料需要:
Fiddler抓包工具(自己下载一个,使用教程见https://cloud.tencent.com/developer/article/1127977)
vconsole.min.js(npm上下载一个,或者github里搜索下载一个。安装方法:https://cloud.tencent.com/developer/article/1156580)。
手机配完fiddler代理后,重开页面,然后抓到index.html,然后down到本地,添加上vconsole的代码。
再将线上的index.html指向到本地文件(这种教程去百度词条搜索“fiddler 代理线上页面指向到本地文件”)。
然后手机上就有这个控制台可以看了:
总结:虽然麻烦,但是适用于设置了必须微信环境打开的项目。
其实有时候,你直接将项目链接贴到浏览器会发现这种提示:
哈哈,还是得手机看。还是得返回第一种情况看源码吗?
no,我发现个小技巧:
具体操作:
这一套操作下来,基本上百分之90%的页面都出来了!
哈哈哈,要知道微信有微信开发者工具啊,
更值得庆幸的是他还有网页调试模式啊:
可以新建项目时选择右边这个“公众号网页项目”就行了。
或者在菜单栏更改调试模式:
然后正常输入网页的链接,页面就出来啦: