1.安装charles,点击帮助——ssl代理——在移动设备或远程浏览器上安装charles root证书,看到如下界面: 2.在手机保证和电脑连接同一个wifi的前提下,开启手机代理,输入服务器地址:192.168.5.252,端口号为:8888,有时候新手机连接代理,charles会提示是否允许,点击allow,如果没提示需要在手机端安装证书后设置一下(设置方法:ios : 设置——通用——关于本机——证书信任设置——找到证书——开启信任开关): 3.手机端安装charles证书,浏览器输入…

本文参考:charles 代理设置 charles的代理身份配置区域 这里应该没啥好说的了, window/MAXCos proxy 是charles的代理启用开关: 如果你选中,则表示电脑使用charles作为代理(这里就是正向代理),取消同理: 因为为不用火狐浏览器,下面也是一样的道理,就不做说明了: 注意:如果你使用的是chrome,并且有用chrome的host相关扩展工具; 请暂时关闭你的chrome扩展,并把代理设置为本机,否则charles是捕获不到的: 如上图,此时为使用了Hos…

数据劫持,也叫数据代理. 所谓数据劫持,指的是在访问或者修改对象的某个属性时,通过一段代码拦截这个行为,进行额外的操作或者修改返回结果.比较典型的是 Object.defineProperty() 和 ES2015 中新增的 Proxy 对象.另外还有已经被废弃的 Object.observe(),废弃的原因正是 Proxy 的出现,因此这里我们就不继续讨论这个已经被浏览器删除的方法了. 数据劫持最著名的应用当属双向绑定,这也是一个已经被讨论烂了的面试必考题.例如 Vue 2.x 使用的是 Ob…

本文参考:charles SSL代理设置 charles SSL代理设置 SSL Proxying Srtting 这里最常用的设置就是第一个ssl proxying,这里记录了需要捕获哪些ssl的信息; 注意,如果你不在这里设置,虽然你安装了ssl的charles证书,你依然无法正常捕获: 通过SSL代理,您的浏览器或应用程序将收到由Charles签名的证书,而不是来自远程Web服务器的原始证书.这将在您的浏览器或应用程序中触发警告,某些应用程序实际上可能会拒绝该连接. 您可以将浏览器或应用程…

本文参考:charles 外部代理设置 external proxy 外部代理设置 有时候您可能需要使用网络上的代理服务器才能访问Internet. 在这种情况下,您需要为Charles配置外部代理. 您可以为每种代理类型配置身份验证信息. Charles支持基本身份验证和NTLM身份验证.对于NTLM身份验证,您可以输入"域名"选项. 如果您没有配置身份验证和外部代理请求认证,Charles会将验证请求传递给浏览器, 就像Charles本身正在请求身份验证一样. 排除列表 您可以输入…

一.charles代理原理: 如果本地开了代理:  二.设置代理 1.设置代理端口: proxy->proxy setting 打开代理设置界面,代理端口默认是 8888,可以使用默认也可以自己修改为其他端口: 将Enable transpparent Http proxying 选项勾上 2.代理 https 域名: proxy->SSL proxy setting 打开 https 代理设置界面,Charles 的 https 代理需要将需要代理的 https 域名添加在配置里,勾选此复选…

开播了开播了! vue通过数据劫持来达到监听和操作DOM更新,上一节简述了数组变化是如何监听的,这一节先讲讲对象属性是如何劫持的. // Line-855 Observer.prototype.walk = function walk(obj) { var keys = Object.keys(obj); for (var i = 0; i < keys.length; i++) { // Go! defineReactive$$1(obj, keys[i], obj[keys[i]]); }…

前端界空前繁荣,各种框架横空出世,包括各类mvvm框架横行霸道,比如Angular.Regular.Vue.React等等,它们最大的优点就是可以实现数据绑定,再也不需要手动进行DOM操作了,它们实现的原理也基本上是脏检查或数据劫持.那么本文就以Vue框架出发,探索作者运用Object.defineProperty来实现数据劫持的奥秘. 回顾一下Object.defineProperty 语法 Object.defineProperty(obj,prop,descriptor) 参数 obj:目…

一直没有写一篇关于charles的文章来记录,但是发现偶尔还是会忘记,所以还是记一下,查起来比较方便. 首先在安装了charles之后默认的本地代理地址是 127.0.0.1:8888这个地址.如果希望代理本地计算机的http流量或者socks流量,可以将代理地址设置到127.0.0.1:8888这个地址上,就能在charles上查看到现在正在使用的流量了. 其实我平时常用的代理并不是代理pc上的流量,因为现在大部分现代浏览器都自带可以看包的功能,所以更多的时候,我可能需要使用它来代理我手机上的…

参考文献:https://www.cnblogs.com/libin-1/p/6893712.html 实现mvvm主要包含两个方面,数据变化更新视图,视图变化更新数据. 关键点在于data如何更新view,因为view更新data其实可以通过事件监听即可.我们着重来分析,当数据改变,如何更新视图的. 如何知道数据变了,就是通过Object.defineProperty( )对属性设置一个set函数,当数据改变了就会来触发这个函数,所以我们只要将一些需要更新的方法放在这里面,就可以实现data更…