在 Chrome JavaScript 控制台中测试 jQuery 语句答案

【问题标题】：testing jQuery statements in Chrome JavaScript console在 Chrome JavaScript 控制台中测试 jQuery 语句
【发布时间】：2011-04-18 19:31:33
【问题描述】：

我正在尝试从 chrome JavaScript 控制台更改复选框值。我知道更改会打印到对象而不是屏幕上。我想执行一个jQuery语句，即：

('input[name=foo]').attr('checked', true);

有什么方法可以输入 jQuery 语句，并立即看到页面中的变化？

【问题讨论】：

标签： jquery google-chrome

【解决方案1】：

是的，即使你没有可用的 jquery 也可以：)

从How can I use jQuery in Greasemonkey scripts in Google Chrome?编辑sn-p

var script = document.createElement("script");
  script.setAttribute("src", "https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js");
  script.addEventListener('load', function() {
    var script = document.createElement("script");
    document.body.appendChild(script);
  }, false);
  document.body.appendChild(script);

在这之后去。

【讨论】：

参见使用小书签。它甚至更好，更紧凑。 stackoverflow.com/a/9624997/805366
在最新的 Chrome 上失败：“混合内容：'https://[snip]' 的页面是通过 HTTPS 加载的，但请求了不安全的脚本”修复：在第 2 行，将 http 更改为https
我猜可以在地址栏中做所有的 . javscript:!function(){........}() 。即javascript:function(){var script = document.createElement("script"); script.setAttribute("src", "https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"); script.addEventListener('load', function() { var script = document.createElement("script"); document.body.appendChild(script); }, false); document.body.appendChild(script);}();。然后你可以为它做一个书签

【解决方案2】：

在 chrome 控制台中，您可以运行任何 JavaScript，因此如果页面加载了 jQuery，您可以访问该元素并选中/取消选中它，例如stackoverflow.com（这个网站）使用 jQuery，所以我可以访问答案文本区域并输入一个值，试试这个

$('#wmd-input').val('This is my answer')

所以你可以做任何在 jQuery 中可以做的事情。

【讨论】：

有一个默认加载的 jquery，但它是有限的，例如尝试$.ajax 默认情况下它不起作用，即使 $ 显示为函数并且即使您可以执行 $('html')

【解决方案3】：

如果你在当前页面加载了 jQuery，你可以输入 jQuery 命令。

只需输入$('input[name=foo]').attr('checked', true); 或任何可以在 jQuery 中使用的内容，然后按 Enter。

【讨论】：

【解决方案4】：

$('input[name=foo]').click();

与用鼠标单击的作用相同。

【讨论】：