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