背景
測(cè)試環(huán)境 mobile 測(cè)試經(jīng)常需要刷新頁面重新加載數(shù)據(jù)或者 js, 特別在 app 里面,這一步通常非常麻煩,愛思考的工程師們希望可以在頁面上通過代理工具動(dòng)態(tài)添加按鈕方便測(cè)試(刷新和清除緩存),效果圖如下.
image.png
配置
Charles 配置,進(jìn)入菜單 Tools -> Rewrite
image.png
目標(biāo)地址和規(guī)則配置
image.png
詳細(xì)配置(注意細(xì)節(jié))
image.png
然后在下面的替換規(guī)則里面雅倒，雙擊打開瓶籽，按圖配置
<div onclick="location.reload(true)" style="position: fixed; z-index: 9999; left: 0; top: 30%; padding: 1% 3%; background: rgba(255,255,255,1); opacity: .7; box-shadow: 1px 1px 3px rgba(0,0,0,.4)">Reload</div><div onclick="localStorage.clear(); alert('localStorage 已清除')" style="position: fixed; right: 0; top: 30%; padding: 1% 3%; background: rgba(255,255,255,1); opacity: .7; box-shadow: 1px 1px 3px rgba(0,0,0,.4); z-index: 9999">Clear</div></body>
Value 里面的內(nèi)容是上面的內(nèi)容
all done
原理
攔截所有請(qǐng)求,凡是返回結(jié)果中包含</body> 都會(huì)被替換上面這段 html, 這一段 html 里面添加了兩個(gè)按鈕并且設(shè)置了事件,達(dá)到我們的目的.
Q&A
- https 沒效果?
Proxy->SSL Proxy Setting中添加需要添加按鈕頁面的域名即可.
引用
感謝柯休分享
