作为一个微信开发程序员或H5程序、前段设计,你是否总遇到一个问题。就是看到别人好看的设计和程序,总想看看源代码,复制下来。可是手机上怎么查看源码?微信上怎么查看源码?
先说说手机网页怎么查看源码:
1、 针对普通的手机网页,你只需要用谷歌浏览器chrome打开,选择一个设备模拟,比如iphone6,刷新一下就出来。此功能一般能解决电脑上不能看手机网页的问题。
2、 更深层次的,就是浏览器UA检测。有些网页有做UA判断,只有满足要求的UA才能访问。具体UA是啥,自己百度吧,这个不是这篇文章的重点啦,你可以在chrome上模拟UA进入。
3、 重点来了,就是微信授权登陆的网页在电脑怎么访问呢?
就是这种打开显示“请在微信客户端打开链接”。
在微信上打开是直接显示的是游戏,但是要在PC上看,怎么破?
首先,你要准备好工具:
a) 1部可上微信的手机,连上了wifi
b) 一台电脑,和手机连的是一个路由器。如果是笔记本电脑,要连同一个wifi,台式的就在一个路由器就行。
c) 在电脑上安装 Fiddler2软件
操作步骤:
1、 电脑打开Fiddler在菜单栏中点击 Tools - Fiddler Options - Connections 中按照如下配置后重启下fiddler,如下图
很好理解,即允许远程设备使用本机联网,这样手机访问的网页在电脑上就有记录,是不是感觉越来越接近真相?
2、 重启fiddler软件,重启完毕后把软件窗口最大化,记住一定要最大化,不然你很可能找不到那个该死的Online图标!就在工具条的最右边,鼠标移到那个Online上,看图:
找到无线局域网内分配到本机的ip,如上图是192.168.0.4具体你自行找到,不要找错了,记录下来后面有用。
3、 重点来了,掏出手机,打开手机的网络设置,把网络设置中的代理设置为192.168.0.4,端口号填8888.以IOS手机为例,"设置"->"Wi-Fi",看图
点那个"i":
在最下面找到"HTTP代理",选择"手动",填上电脑的IP(192.168.0.4)和端口(8888),如上图。
4、 打开电脑上的Fiddler,手机微信流量一个网页试试,是不是马上就在Fiddler显示了,哈哈!
就是那么简单,js,html,图片都会显示出来的,看源码可以说是不费吹灰之力啊有木有!
怎么看源码?双击上图圈出来的url,右侧会把详情显示出来,点"SyntaxView"且看下图:
你点开来看的可能是乱码,没关系,看到上面那句英文了吗?如果你英文够好可以翻译一下,不好没关系,点一下那句英文,出来的就不是乱码了!
接下来该怎么做就不用我说了吧,复制所有代码也是可以的。
所以那些曾经收藏的H5,都可以拿出来“操作一遍”,是不是很作?那你把作去掉好了!
本文来源:https://www.2haoxitong.net/k/doc/4df06e36102de2bd9705889a.html
文档为doc格式