2017-02-02 147 views
0

有沒有辦法在Chrome等網頁上查看執行的JQuery。我認爲這只是一個擴展。查看瀏覽器中的JQuery功能

例如。如果我將鼠標懸停在電話圖標上,則會激活下拉菜單。我可以看到JQuery代碼(可能在彈出窗口或控制檯中)

+0

所有JS代碼都可以在控制檯中查看。例如,在Chrome中,打開DOM檢查器,然後單擊源選項卡,然後在左側窗格中選擇該文件。 –

回答

0

我所做的要求的最佳解決方案是。

右鍵單擊元素,檢查,然後事件監聽器和掛起的JQuery事件將被列出。點擊JS鏈接可以直接進入JQuery代碼。

0

你應該考慮在你的指令中寫一個「控制檯日誌」。

/ Event setup using a convenience method 
$("p").click(function() { 
    console.log("You clicked a paragraph!"); 
}); 

進一步看到這裏:https://learn.jquery.com/events/event-basics/

+0

它查看其他站點我有興趣的頁面上的JQuery元素 – me9867

0

鉻爲您提供的設施,看到JavaScript和HTML代碼開發工具。右鍵點擊頁面並轉到檢查元件或使用F12打開開發工具。

如果你想在任何時候打破你的JavaScript執行,你可以寫調試器;在代碼中,或者您可以將斷點添加到源代碼中。

在firefox中,你也可以用同樣的方法。除了使用Firefox,你還可以使用Firebug,這是Firefox的一個很好的擴展,它有助於減輕你的工作。

+0

它的瀏覽其他網站在他們的網頁上的JQuery元素代碼我對 – me9867

+0

感興趣如果我正在讓你正確,你想看到一些其他網站的腳本是不是由你建造的。如果是這種情況,您仍然可以以相同的方式查看它,或者查看完整的源代碼,則可以使用上下文菜單的查看頁面源。現在很多網站都在使用腳本的捆綁和縮小版本,因此在這種情況下很難看到它。 –