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

Question

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

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

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

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

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

Answer 1

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

从 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 库复制并粘贴到您的控制台中。这是link到最新版本Jquery：http://code.jquery.com/jquery-latest.min.js

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

how to manually load a javascript library after page load using debugging tools?

javascript

jquery

html

css

dom