如何使用调试工具在页面加载后手动加载 javascript 库？

Question

我想在页面加载后通过（/网络检查）控制台手动调用函数来执行一些 jQuery DOM 操作。我当然尝试在 Safari Web 检查控制台中这样做，但似乎 jQuery 是直接在浏览器控制台中实现的（$$(selector) 是使用选择器选择器选择所有元素的语法），它们似乎只是检查功能（即，不能进行修改）。我觉得这很尴尬，因为我可以手动删除加载的 DOM 中的标签，它会反映在浏览器视口中。因此，举例来说，什么会阻止我运行类似的东西：

$('p').css('color','red')

我认为这个问题可能在过去的 SO 中出现过，但我发现的条目已经过时了（2~3 年很长，对吧？）。

如果我访问的网站没有包含 jQuery 库，我还担心能否手动加载它。

编辑：重申我的问题，我在浏览不加载 jQuery 库的网站时尝试在 Safari Web Inspector Console 中使用 jQuery 函数。我也更新了问题的标题。

Answer 1

我刚刚找到this stack overflow post，它回答了你的问题。

从帖子中复制：“在浏览器的 javascript 控制台中运行它，然后 jQuery 应该可用......

var jq = document.createElement('script');
jq.src = "https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";
document.getElementsByTagName('head')[0].appendChild(jq);
// ... give time for script to load, then type.
jQuery.noConflict();

注意，如果站点的脚本与 jQuery（其他库等）冲突，您仍然可能会遇到问题。"

或者，您可以将整个 jquery 库复制并粘贴到您的控制台中。以下是最新版 Jquery 的链接：http://code.jquery.com/jquery-latest.min.js