2016-10-13 28 views
1

您可以使用chrome的開發工具逐步完成並編輯js文件中的一些代碼。您是否可以通過在chrome dev工具(控制檯)中創建的函數來執行此操作?

只需將其輸入到控制檯中,您也可以在開發工具中添加和運行一個函數。

如果您輸入的代碼如下所示,控制檯會拋出一個錯誤,並用該代碼創建一個虛擬機###文件,並告訴您哪一行發生錯誤。

function a() { 
    console.log(v); 
} 

Uncaught ReferenceError: v is not defined 
at a (<anonymous>:2:15) 
a @ VM243:2 

如果你點擊VM243:2,它會帶你到虛擬機文件,您可以通過代碼存在,但它不允許你進行編輯(然而,有一個js文件,你可以編輯它)

是否有可能手動創建一個虛擬機文件與您的代碼,您可以編輯,以便您可以測試並在控制檯中快速通過您的代碼?

或者如果我以錯誤的方式討論這個問題,有沒有一種簡單的方法可以遍歷代碼? (添加一個js文件到chrome並以某種方式執行功能)

回答

1

您可以創建snippet來做到這一點。

它看起來像默認情況下發生在代碼片段中的異常被捕獲,儘管它們仍然出現在控制檯中。但是,您可以啓用「捕獲的異常中斷」以在代碼段中暫停。

DevTools Snippets

+1

提示:使用'按Ctrl-Enter'執行當前打開的片段。 – wOxxOm

相關問題