是否可以將JavaScript插入Google Chrome的「檢查元素」？

如果我點擊Google Chrome頁面上的「檢查元素」，是否有一種方法可以讓我插入類似內容（通過單擊「編輯HTML」），爲頁面上的「＃link」元素添加一個鼠標懸停效果？是否可以將JavaScript插入Google Chrome的「檢查元素」？

$("a#link").mouseover(function() { 
    $('div.linkcontents').slideDown("slow"); 
});

您可以在控制檯中的文檔樹窗格下運行javascript。如果控制檯處於隱藏狀態，則可以單擊左下角左側的第二個按鈕以顯示它 – Esailija 2012-07-13 22:01:01

只需在控制檯中運行腳本。 – Ivan 2012-07-13 22:01:23

** @ Esailija **或只需按ESC。 – elclanrs 2012-07-13 22:03:06

Chrome不是編輯器，所以你不能插入HTML代碼。但是，由於javascript是一種腳本語言，您可以在Chrome中的工具下使用JavaScript控制檯，您可以在其中運行JavaScript代碼，但不會將其保存在網站中。

2012-07-13 22:05:46 user1515780

實際上，你可以，甚至可以修改正在運行的JavaScript文件，即使它們在重新加載頁面時不會被保存。非常方便快速測試，imho;） – 2012-07-13 22:09:49

實際上，你甚至可以「只需插入HTML代碼」，但問題不在於它，是的:) – madfriend 2012-07-13 22:22:43

我的意思是插入代碼來保存，但你是對的，你可以。 – user1515780 2012-07-16 13:00:55

您甚至不需要開發人員工具，只需在瀏覽器地址欄中輸入它即可？像這樣：

javascript:$("a#link").mouseover(function(){$('div.linkcontents').slideDown("slow");});

2012-07-13 22:20:25 Christophe

這也工作！謝謝！！ – supercoolville 2012-07-14 00:26:09

@supercoolville如果它工作，那麼你應該接受答案來顯示你的欣賞 – 2016-04-08 22:09:36

回答