Question

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

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

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

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

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

Answer 1

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

从帖子中复制：＆＃34;在浏览器的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（其他库等）发生冲突，您仍可能遇到问题。＆＃34;

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

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

1 个答案: