whistle 前端除錯工具

2022-06-25 17:12:12 字數 444 閱讀 3534

基於node實現的跨平台web除錯**工具

可以用來攔截分析請求、包裝請求、本地除錯和移動端**開發除錯等。

node安裝成功後,執行如下npm命令安裝whistle 

$ npm install -g whistle
啟動whistle:

$ w2 start
瀏覽器開啟位址

移動端配置:

無線網-點進http配置**,手動-輸入伺服器ip和埠號,儲存

使用 log 功能列印日誌:

在移動端真機除錯中,我們無法像瀏覽器控制台那樣,檢視輸出的日誌和資料,以往的替代方案是在頁面上使用vconsole外掛程式,而有了whistle後,我們可以這樣做:

log://

whistle 前端除錯利器

為什麼80 的碼農都做不了架構師?前端本地開發的場景中,我們需要頻繁的改動 並需要實時看到效果,並且在一些開發場景中,我們需要將特定的請求 到特定的ip 本地檔案等,所以使用fiddler或whistle等本地 真機抓包除錯工具是非常必要的。在歷史的長河中,我們是使用fiddler willow再搭...

手機前端除錯工具

script init vconsole var vconsole newvconsole console.log hello world script github位址vconsole 然後你就可以在頁面的右下角看到乙個綠色的 vconsole,點開它就能使用了,整體介面和 chrome 的控制台...

whistle 前端工具之抓包利器

前端本地開發的場景中,我們需要頻繁的改動 並需要實時看到效果,並且在一些開發場景中,我們需要將特定的請求 到特定的ip 本地檔案等,所以使用fiddler或whistle等本地 真機抓包除錯工具是非常必要的。在歷史的長河中,我們是使用fiddler willow再搭配小公尺wifi 進行本地和真機抓...