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

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

本文关键字：加载 JavaScript 何使用 调试工具      更新时间：2023-09-26

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

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

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

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

编辑：重申我的问题，我试图在Safari Web Inspector Console中使用jQuery功能，同时浏览未加载jQuery库的网站。 我也更新了问题的标题。

我刚刚找到了这个堆栈溢出帖子，它回答了你的问题。

从帖子中复制："在浏览器的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

相关文章：