查看瀏覽器中的JQuery功能

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

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

2017-02-02 me9867

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

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

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

2017-02-02 13:22:03 me9867

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

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

2017-02-02 09:29:19

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

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

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

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

2017-02-02 09:34:00

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

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

回答