是否可以将 javascript 插入 Google Chrome 的“检查元素”？答案

【问题标题】：Is it possible to insert javascript into Google Chrome's "Inspect Element"?是否可以将 javascript 插入 Google Chrome 的“检查元素”？
【发布时间】：2012-07-13 19:11:31
【问题描述】：

如果我在 Google Chrome 的某个页面上单击“检查元素”，有没有办法让我插入类似这样的内容（通过单击编辑 HTML）以将鼠标悬停效果添加到页面上的“a#link”元素?

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

【问题讨论】：

您可以在文档树窗格下方的控制台中运行 javascript。如果控制台是隐藏的，你可以点击左下角左起第二个按钮来显示它
只需在控制台中运行脚本即可。
@Esailija 或直接按 ESC。
感谢 Esailija！工作得很好！！！！！！！！！！

标签： javascript google-chrome

【解决方案1】：

Chrome 不是编辑器，因此您不能只插入 HTML 代码。但是，由于 javascript 是一种脚本语言，您可以在 Chrome 中的工具下转到 javascript 控制台，您可以在其中运行 javascript 代码，尽管它不会将其保存在网站中。

【讨论】：

其实可以，甚至可以修改正在运行的 JavaScript 文件，即使重新加载页面后它们不会被保存。非常方便快速测试，恕我直言；）
实际上，你甚至可以“只插入 HTML 代码”，但问题不在于它，是的 :)
既然您现在知道可以添加内容，请更新您的答案以避免其他读者混淆

【解决方案2】：

你甚至不需要开发者工具，直接在浏览器地址栏中输入如何？像这样：

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

【讨论】：

@supercoolville 如果它有效，那么您应该接受答案以表示感谢