瀏覽器打斷點

⑴ chrome調試斷點有幾種方法

可以按下F12，打開chrome開發者工具，然後在Sources右側面板，可以設置斷點breakpoint

⑵ 谷歌瀏覽器調試js斷點怎麼使用

通過左邊的內容源，打開對應的 javaScript 文件，滑鼠點擊文件的行號就可以設置和刪除斷點。版添加的每個斷點都會出權現在右側調試區的 Breakpoints 列表中，點擊列表中斷點就會定位到內容區的斷點上。如果你有多個文件、多個斷點的話，利用Breakpoints 列表中的斷點快速定位非常方便。

⑶ 火狐瀏覽器的網頁開發者工具裡面調試javascript打斷點後，這幾個面板什麼意思

這涉及的知識點有點多，不是幾句話能解釋清楚的，如果是在學習開發，建議系統查詢下相關教程。堆棧都是一種數據項按序排列的數據結構，只能在一端(稱為棧頂(top))對數據項進行插入和刪除。

⑷ chrome的斷點調試工具叫什麼

你是怎麼調試 JavaScript 程序的？最原始的方法是用 alert() 在頁面上列印內容，稍微改進一點的方法是用 console.log() 在 JavaScript 控制台上輸出內容。嗯~，用這兩種土辦法確實解決了很多小型 JavaScript 腳本的調試問題。不過放著 Chrome 中功能越發強大的開發者工具不用實在太可惜了。本文主要介紹其中的 JavaScript斷點設置和調試功能，也就是其中的 Sources Panel（以前叫 Scripts）。如果你精通 Eclipse 中的各種 Java 調試技巧，那麼這里的概念都是類似。寫作本文時使用的 Chrome 版本為 25.0.1364.172。
基本環境

SourcesPanel 的左邊是內容源，包括頁面中的各種資源。其中，又分 Sources 和 Content scripts。Sources 就是頁面本身包含的各種資源，它是按照頁面中出現的域來組織的，這是我們要關注的。非同步載入的 js 文件，在載入後也會出現在這里的。Content scripts 是 Chrome 的一種擴展程序，它是按照擴展的ID來組織的，這類擴展實際也是嵌入在頁面中的資源，它們也可以讀寫DOM。編寫、調試這類擴展的開發者才要關心它們，如果你的瀏覽器沒安裝任何擴展，那麼Content scripts 就看不到任何東西。
Sources Panel 的中間主區域用於展示左邊資源文件的內容。
Sources Panel 的右邊是調試功能區，最上面的一排按鈕分別是暫停/繼續、單步執行、單步跳入、單步跳出、禁用/啟用所有斷點。下面是各種具體的功能區。稍後介紹。
注意，左右兩邊的區域默認可能收縮在兩側沒有顯示出來，點擊兩側的伸縮按鈕展示出來。左邊區域展示出來時默認是自動收縮狀態，點擊旁邊的 pin 按鈕就不會縮回去了。
最下面還有一些功能按鈕很有用。
在源代碼上設置斷點
通過左邊的內容源，打開對應的 JavaScript 文件，滑鼠點擊文件的行號就可以設置和刪除斷點。添加的每個斷點都會出現在右側調試區的 Breakpoints 列表中，點擊列表中斷點就會定位到內容區的斷點上。如果你有多個文件、多個斷點的話，利用Breakpoints 列表中的斷點快速定位非常方便。

對於每個已添加的斷點都有兩種狀態：激活和禁用。剛添加的斷點都是激活狀態，禁用狀態就是保留斷點但臨時取消該斷點功能。在Breakpoints 列表中每個斷點前面都有一個復選框，取消選中就將禁用該斷點。斷點位置的右鍵菜單中也可以禁用斷點。也可以在右側功能區上面按鈕臨時禁用所有已添加的斷點，再點一下恢復原狀態。
條件斷點：在斷點位置的右鍵菜單中選擇「Edit Breakpoint...」可以設置觸發斷點的條件，就是寫一個表達式，表達式為 true 時才觸發斷點。查看斷點的環境調用棧（Call Stack）：在斷點停下來時，右側調試區的 Call Stack 會顯示當前斷點所處的方法調用棧，比如有一個函數 g() 其中又調用了函數 f() ，而我在 f() 中設置了一個斷點，那麼我在 console 中執行函數 g() 的時候會觸發斷點，其調用棧顯示如下：

最上面是 f()，然後是 g()。調用棧中的每一層叫做一個 frame，點擊每個 frame 可以跳到該 frame 的調用點上。

此外，還可以在 frame 上用右鍵菜單重新開始執行當前 frame，也就是從該 frame 的開始處執行。比如在函數 f() 的 frame 上 Restart Frame， 斷點就會跳到 f() 的開頭重新執行，context 中的變數值也會還原。這樣結合變數修改和編輯代碼等功能，就可以在當前 frame 中反復進行調試，而不用刷新頁面重新觸發斷點了。查看變數

Call Stack 列表的下方是 Scope Variables 列表，在這里可以查看此時局部變數和全局變數的值。執行選擇的代碼

在斷點調試時，可以用滑鼠選擇想要查看的變數或表達式，然後右鍵菜單執行「Evaluate in Console」，就可以看到該表達式的當前的值了。中斷下次要執行的 JavaScript 語句右側調試區的上面的「中斷/繼續」按鈕還有一個功能，在沒有觸發斷點時，點一下這個按鈕就會進入「准備」中斷的狀態，頁面下一次執行 JavaScript 語句時會自動中斷，比如觸發了一個點擊動作時會執行的代碼。臨時修改 JavaScript 代碼通常我們在調試代碼時習慣：修改代碼→刷新頁面→重新檢查，這么一個循環。但其實 Chrome 中可以臨時修改 JS 文件中的內容，保存（Ctrl+S）就可以立即生效，結合 Console 等功能就可以立即重新調試了。但注意這個修改是臨時的，刷新頁面修改就沒了。
異常時斷點
在界面下方能看到按鈕，它是設置程序運行時遇到異常時是否中斷的開關。點擊該按鈕會在3種狀態間切換：
默認遇到異常不中斷
遇到所有異常都會中斷，包括已捕獲的情況
僅在出現未捕獲的異常時才中斷
主要解釋一下狀態2和狀態3的區別
try{
throw 'a exception';
}catch(e){
console.log(e);
}
上面 try 裡面的代碼會遇到異常，但是後面的 catch 代碼能夠捕獲該異常。如果是所有異常都中斷，那麼代碼執行到會產生異常的 throw 語句時就會自動中斷；而如果是僅遇到未捕獲異常才中斷，那麼這里就不會中斷。一般我們會更關心遇到未捕獲異常的情況。
在 DOM 元素上設置斷點

有時候我們需要監聽某個 DOM 被修改情況，而不關心是哪行代碼做的修改（也可能有多處都會對其做修改）。那麼我們可以直接在 DOM 上設置斷點。

如圖所見，在元素審查的 Elements Panel 中在某個元素上右鍵菜單里可以設置三種不同情況的斷點：子節點修改自身屬性修改自身節點被刪除選中之後，Sources Panel 中右側的 DOM Breakpoints 列表中就會出現該 DOM 斷點。一旦執行到要對該 DOM 做相應修改時，代碼就會在那裡停下來，如下圖所示。
XHR 斷點
右側調試區有一個 XHR Breakpoints，點擊+ 並輸入 URL 包含的字元串即可監聽該 URL 的 Ajax 請求，輸入內容就相當於 URL 的過濾器。如果什麼都不填，那麼就監聽所有 XHR 請求。一旦 XHR 調用觸發時就會在 request.send() 的地方中斷。
按事件類型觸發斷點
右側調試區的Event Listener 列表，這里列出了各種可能的事件類型。勾選對應的事件類型，當觸發了該類型的事件的 JavaScript 代碼時就會自動中斷。
調試快捷鍵
所有開發工具中的快捷鍵都可以在界面右下角的設置中查到。斷點調試時一般用的是 F8、F10、F11或 Shitf+F11，但在 Mac OS 上 F10 等功能鍵可能與系統默認的快捷鍵沖突。沒關系，它們分別可以用 Cmd+/ 、Cmd+'、Cmd+; 、Shift+Cmd+; 代替。//@ sourceURL 給 eval 出來的代碼命名有時候一些非常動態的代碼是以字元串的形式通過 eval() 函數在當前 Javascript context 中創建出來，而不是作為一個獨立的 js 文件載入的。這樣你在左邊的內容區就找不到這個文件，因此很難調試。其實我們只要在 eval 創建的代碼末尾添加一行 「//@ sourceURL=name「就可以給這段代碼命名（瀏覽器會特殊對待這種特殊形式的注釋），這樣它就會出現在左側的內容區了，就好像你載入了一個指定名字的 js 文件一樣，可以設置斷點和調試了。下圖中，我們通過 eval 執行了一段代碼，並利用sourceURL 將它命名為dynamicScript.js ，執行後左側內容區就出現了這個「文件」，而它的內容就是 eval 的中的內容。還可以看看這個給動態編譯出來的CoffeeScript 代碼命名的示例：
var coffee = CoffeeScript.compile(code.value)+ "//@ sourceURL=" + (evalName.value || "Coffeeeeeeee!");
eval(coffee);

實際上，//@ sourceURL 不僅僅可以用在 eval 的代碼中，任何 js 文件、甚至是 Javascript Console 輸入的代碼都可以用，效果一樣！格式化代碼（Pretty Print）按鈕用於把雜亂的代碼重新格式化為漂亮的代碼，比如一些已被壓縮的 js 文件基本沒法看、更沒法調試。點一下格式化，再點一下就取消格式化。美化前

⑸ javascript中的斷點調試是什麼意思

斷點調試是指自己在程序的某一行設置一個斷點，調試時，程序運行到這一行就會停住，然後你可以一步一步往下調試，調試過程中可以看各個變數當前的值，出錯的話，調試到出錯的代碼行即顯示錯誤，停下。

方法：JS中怎樣斷點調試
http://..com/question/589003709.html?fr=iks&word=JS%D6%D0%D4%F5%D1%F9%B6%CF%B5%E3%B5%F7%CA%D4&ie=gbk

⑹ 谷歌瀏覽器調試js 斷點怎麼使用

1. 在需要調試的頁面按下F12(Ctrl+Shift+I，右擊滑鼠選擇檢查(圖1))或者如下圖操作：

2. 

   4.打開文件後在行號前面單擊添加斷點(如上圖藍色部分)，按F5刷新頁面即可調試。
   

   ⑺ 火狐瀏覽器調試工具代碼在斷點是怎麼執行的

   首先，使用快捷鍵F12在當前頁面打開Firebug，並切換到腳本選項卡。
   
   其次，我們需要為指定的js代碼添加斷點，由於當前頁面的js代碼可能不只是在一個文件中，Firebug會列出所有包含js代碼的腳本文件，我們先在列表中選擇需要添加斷點的代碼所在文件。
   
   當我們找到指定的js代碼所在位置時，我們可以看到Firebug左側會顯示行號，其中綠色的行號表示該行可以添加調試斷點。
   
   點擊指定的綠色行號位置，即可為該行代碼添加斷點。
   
   添加完斷點後，我們就可以通過某些操作來觸發執行斷點位置的js代碼，比如提交某個表單、移動到某個元素、點擊某個按鈕，甚至刷新當前頁面(類似onload類型的事件就需要先加斷點，再刷新該頁面即可進入斷點調試)。
   
   當執行到斷點處的js代碼時，Firebug會自動進入斷點調試。如下圖所示，右側監控面板用於顯示相關的js變數信息。編號①②③的按鈕圖標分別表示單步進入(F11)、單步跳過(F10)、單獨退出(Shift+F11)；通過這些按鈕我們可以方便地進行斷點調試。

   ⑻ 怎麼關閉谷歌瀏覽器自動斷點調試

   我告訴你吧，我也找了很久，是因為這句話pause on caughtexceptions 因為這句話你打鉤了 這個話的意思就是內當頁面出容現異常的時候就停頓，把這句話前面的那個勾去掉就可以了，

   

   不信就試試
   

   ⑼ 360瀏覽器有斷點功能嗎

   不了解的別瞎說好不好。
   
   360瀏覽器是可以斷點續傳的，可以點擊工具欄的 「工具」 「下載管理」
   這里查看
   點「設置」「默認的下載工具」項還可設置默認下載工具。
   
   360瀏覽器下載時關閉會暫停的，但是最好還是點暫停再執行關機等操作，因為下載的文件部分會暫存在緩存（任何下載工具都是），所以最好點暫停。