資訊專欄INFORMATION COLUMN
摘要：詳見調(diào)試調(diào)試瀏覽器頁(yè)面在設(shè)置高級(jí)里檢查器打開連接隨便打開一個(gè)頁(yè)面在開發(fā)的選項(xiàng)中，可以檢查到打開的頁(yè)面，點(diǎn)開就可以對(duì)該頁(yè)面進(jìn)行進(jìn)一步的調(diào)試。
本人工作平臺(tái)mac，以下全部針對(duì)mac平臺(tái) Charles http抓包
proxy>proxy settings 設(shè)置代理端口
手機(jī)設(shè)置代理連到端口上
手機(jī)里的所有請(qǐng)求都能被charles抓到
https抓包proxy>SSL proxy settings 設(shè)置要代理的域名，默認(rèn)端口443
proxy>proxy settings 設(shè)置代理端口
手機(jī)連到端口上
手機(jī)瀏覽器打開
https://charlesproxy.com/getssl
下載安裝證書
接著可以訪問配置域名的具體請(qǐng)求
攔截請(qǐng)求，修改返回?cái)?shù)據(jù)連接上代理，訪問頁(yè)面
右擊域名，點(diǎn)擊breakpoints
再次訪問頁(yè)面
charles會(huì)停留在返回?cái)?shù)據(jù)界面，等待進(jìn)一步操作
Spy-debuggerspy-dbugger是一款一站式頁(yè)面調(diào)試、抓包工具。使用方便，一行命令就能啟動(dòng)。詳見Spy-debugger
safari調(diào)試ios webview 調(diào)試iPhone瀏覽器頁(yè)面iphone在設(shè)置>safari>高級(jí)里web檢查器打開
iphone連接mac
iphone safari 隨便打開一個(gè)頁(yè)面
在mac safari 開發(fā)>xxx的iPhone選項(xiàng)中，可以檢查到iphone safari打開的頁(yè)面，點(diǎn)開就可以對(duì)該頁(yè)面進(jìn)行進(jìn)一步的調(diào)試。
調(diào)試app webview原材料：simulator、app、mac safari
simulator在設(shè)置>safari>高級(jí)里web檢查器打開
在xcode simulator中安裝app，如何在simulator安裝app。我是直接拿到源碼在xcode里build
這個(gè)時(shí)候在simulator打開app里的webview就會(huì)被mac safari檢查到。
safari在開發(fā)>simulator中，就能看見你打開的webview
safari是默認(rèn)支持surce map的，所以你還可以對(duì)源碼進(jìn)行斷點(diǎn)調(diào)試
（記得webpack devtool設(shè)置成為"source-map",如果是"cheap-module-source-map"或者其他設(shè)置，要么斷點(diǎn)位置不對(duì)，要么就是直接看不到源碼，這個(gè)涉及到不同devtool在不同瀏覽器中的表現(xiàn)，下次更）
ios_webkit_debug_proxy如果你覺得safari調(diào)試用的不習(xí)慣，還是喜歡chrome調(diào)試，就需要ios-webkit-debug-proxy
安裝啟動(dòng)#安裝 brew install ios-webkit-debug-proxy #啟動(dòng) ios_webkit_debug_proxy -f chrome-devtools://devtools/bundled/inspector.html
（note：?jiǎn)?dòng)的時(shí)候，要先打開simulator，再啟動(dòng)ios-webkit-debug-proxy）
訪問頁(yè)面simulator打開一個(gè)app的webview
chrome瀏覽器打開http://127.0.0.1:9221
點(diǎn)擊要打開的頁(yè)面
如果下方有"block"提示,點(diǎn)擊頁(yè)面后，去控制臺(tái)再點(diǎn)擊一下頁(yè)面鏈接
如果頁(yè)面沒有出現(xiàn)，需要重啟一下app，只有頁(yè)面走網(wǎng)絡(luò)傳輸?shù)臅r(shí)候，才能被監(jiān)聽到，需要讓頁(yè)面再傳輸一次，被監(jiān)聽到
接下來就可以用你熟悉的調(diào)試界面查看webview了
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/86954.html
摘要：使用進(jìn)行測(cè)試需要開發(fā)人員配合打開一個(gè)的開關(guān)。真機(jī)測(cè)試時(shí)，必須在應(yīng)用中打開調(diào)試開關(guān)。點(diǎn)擊想要調(diào)試的下方的鏈接，就可以查看這個(gè)頁(yè)面的源代碼了。通過源代碼就可以查看并確定元素定位表達(dá)式了。 ...
摘要：首先打開安卓手機(jī)的調(diào)試模式，然后用數(shù)據(jù)線連接到電腦上。打開開發(fā)者工具，這里我就能看到我正在運(yùn)行應(yīng)用的三星手機(jī)，，狀態(tài)處于已連接狀態(tài)。 我之前寫過三篇Cordova相關(guān)的技術(shù)文章。當(dāng)我們使用Cordova將自己開發(fā)的前端應(yīng)用打包安裝到手機(jī)上后，可能會(huì)遇到需要調(diào)試Cordova應(yīng)用的時(shí)候。 本文就介紹Cordova應(yīng)用的調(diào)試步驟。 如果大家讀過之前我寫的文章，就知道Cordova應(yīng)用在移動(dòng)...
摘要：上篇中篇回顧通過收費(fèi)情況樣本測(cè)試后的掃描時(shí)間漏洞項(xiàng)對(duì)比以及掃描能力這幾個(gè)方面對(duì)阿里聚安全漏洞掃描騰訊金剛審計(jì)系統(tǒng)百度移動(dòng)云測(cè)試中心以及進(jìn)行了對(duì)比分析。我推測(cè)百度對(duì)于此類漏洞的檢測(cè)規(guī)則是判斷是否有這個(gè)函數(shù)。 上篇、中篇回顧：通過收費(fèi)情況、樣本測(cè)試后的掃描時(shí)間、漏洞項(xiàng)對(duì)比以及掃描能力這幾個(gè)方面對(duì)阿里聚安全[1]、360App漏洞掃描[2]、騰訊金剛審計(jì)系統(tǒng)[3]、百度移動(dòng)云測(cè)試中心[4]以...
閱讀 813·2021-11-18 10:02
閱讀 2503·2021-11-11 16:54
閱讀 2750·2021-09-02 09:45
閱讀 654·2019-08-30 12:52
閱讀 2774·2019-08-29 14:04
閱讀 2745·2019-08-29 12:39
閱讀 448·2019-08-29 12:27
閱讀 1887·2019-08-26 13:23
