資訊專欄INFORMATION COLUMN
摘要：三如何在線映射到本進行調(diào)試在這種情況下，我們大多數(shù)時間是使用這類抓包工具進行路徑的映射，或者是修改文件進行域名的跳轉(zhuǎn)。
某種情況我們在頁面交互上發(fā)現(xiàn)一個問題，肯定是非常想知道這個交互觸發(fā)執(zhí)行的入口，這會使我們更直接、快速的進行代碼的跟蹤、調(diào)試和分析。其實在chrome瀏覽器這很簡單就實現(xiàn)了，如下 百度一下 按鈕 監(jiān)聽的事件列表：
如圖，我們就可以很清楚的看出 百度一下 這個按鈕會觸發(fā)多少的事件。
此方法讓你很快的找到ajax請求的調(diào)用堆棧，也就是ajax是在什么方法里面請求的。他的父級調(diào)用者又是誰：
如上圖，我們鼠標懸停在network面板的請求上的Initiator列，就可以看到調(diào)用堆棧信息了。你還可單擊某個位置進行代碼的查看，這是不是很方便啊。
在這種情況下，我們大多數(shù)時間是使用Fiddler這類抓包工具進行路徑的映射，或者是修改host文件進行域名的跳轉(zhuǎn)。這次我向大家介紹一款chrome的插件，方便且功能強大。
插件名為：ReRes 點擊下載
單擊上面的下載地址獲取插件的壓縮包，然后解壓。直接安裝為chrome的插件
一定要開啟 允許訪問文件網(wǎng)址
可以chrome的插件區(qū)域上單擊ReRes圖標，添加規(guī)則
編輯http與file的對應關(guān)系，注意，一般情況下線上js都有版本的后綴，所以用最近加一個*來表示匹配，然后我們訪問constinfo.js，就會跳轉(zhuǎn)映射到本地的constinfo.js(這是不是很方便了)
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://hztianpu.com/yun/2078.html
摘要：我打算把一些上使用的高級技巧寫成你不知道的這一系列的博文，希望大家一起學習學習。然而，這還不是最嚴重的，因為的語法比較寬松和隨意，所以同一功能多種寫法，各種奇葩都有。總結(jié)前端在調(diào)試代碼的時候，知道開發(fā)工具上的小技巧，可以提高查找問題的效率。 Web前端開發(fā)過程中必然會用到Chrome瀏覽器自帶的開發(fā)者工具Chrome DevTools，使用它作為Web前端開發(fā)性能調(diào)試的必備工具。就連隔...
摘要：前言除了我們?nèi)粘Ｊ褂玫恼{(diào)試方法，在中，其含有一些有意思的方法，有助于提高我們的開發(fā)調(diào)試效率。而在調(diào)試中我們可以使用是與來作為選擇器，省去大串代碼，如下。測試用時測試用時關(guān)閉界面 前言：除了我們?nèi)粘Ｊ褂玫恼{(diào)試方法，在Chrome中，其含有一些有意思的方法，有助于提高我們的開發(fā)調(diào)試效率。 Sources頁 command + p 文件跳轉(zhuǎn) 使用Sublime的人或習慣用command +...
摘要：在控制臺中使用，當?shù)竭_傳入的函數(shù)時，代碼將停止。但除了私有和匿名函數(shù)這可能是找到調(diào)試函數(shù)的最快方法。在控制臺中輸入，當調(diào)用時，將以調(diào)試模式停止屏蔽不相關(guān)代碼現(xiàn)在，我們經(jīng)常在應用中引入幾個庫或框架。 譯者：SlaneYang原文：https://raygun.com/javascript-debugging-tips 以更快的速度和更高的效率來調(diào)試JavaScript 熟悉工具可以讓工具...
摘要：而就是告訴程序在那里停下來進行單步調(diào)試，俗稱斷點。面向，專為異步而生的斷點調(diào)試功能。中的調(diào)試技巧元素的控制臺書簽開發(fā)者工具和都提供了書簽功能，用于顯示你在元素標簽頁或標簽頁中最后點擊的元素。 寫在前面本文包括瀏覽器調(diào)試，不包括web移動端調(diào)試。本文調(diào)試均在chrome瀏覽器進行 alert 這個不用多說了，不言自明 console 基本輸出 想必大家都在用console.log在控制...
摘要：而就是告訴程序在那里停下來進行單步調(diào)試，俗稱斷點。面向，專為異步而生的斷點調(diào)試功能。中的調(diào)試技巧元素的控制臺書簽開發(fā)者工具和都提供了書簽功能，用于顯示你在元素標簽頁或標簽頁中最后點擊的元素。 寫在前面本文包括瀏覽器調(diào)試，不包括web移動端調(diào)試。本文調(diào)試均在chrome瀏覽器進行 alert 這個不用多說了，不言自明 console 基本輸出 想必大家都在用console.log在控制...
閱讀 1226·2021-11-22 15:33
閱讀 3524·2021-11-08 13:20
閱讀 1581·2021-09-22 10:55
閱讀 2196·2019-08-29 11:08
閱讀 919·2019-08-26 12:24
閱讀 3232·2019-08-23 17:15
閱讀 2380·2019-08-23 16:12
閱讀 2092·2019-08-23 16:09
