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

Question

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

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

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

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

编辑:重申我的问题，我在浏览未加载 jQuery 库的网站时尝试在 Safari Web Inspector 控制台中使用 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