在H5学习的过程中,看一些好的H5是很有必要的。
但是经常有一些H5打开以后在页面显示如下,阻碍了我们探索的脚步~

这是因为H5的开发者调用了微信获取用户信息的权限,这个时候你在浏览器打开获取不到微信用户的信息,自然会出现这样的页面了。
但是,如果你探索的欲望比较强,那么也是可以看到源码的~
具体步骤如下:
①安装微信web开发者工具

②在手机端打开你要查看的页面,复制页面的链接
③进入微信web开发者工具,选择公众号网页项目

④在上方的地址栏打开页面链接

四个步骤即可~快来试试吧^_^
如果你有什么更加简单便捷的方式,留言or私信告诉我吧~好东西大家一起分享,哈哈!
----------------------------------------------------------------------------------------------------
2019.5.21补充
经过留言的小伙伴提醒,发现有些页面是无法在微信开发者工具里打开的.....(因为手机复制的链接不带参数)
so...下面是新的打开方式...
①安装PC端微信,将H5转发到自己的文件助手里面。
(网上翻了半天找了一个带授权的H5...然后发现它还是可以直接打开的,操作一样的,请无视这个不靠谱的例子_(:3」∠)_)

②在pc端微信打开页面,并且同意授权。

③点击上方的小图标,在浏览器中打开H5。

④然后就会在浏览器里打开一个带参数的链接,这个时候就像正常网页一样看就OK啦。

网友评论