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

标签 javascript jquery html css dom

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

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

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

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

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

最佳答案

我刚找到 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

关于javascript - 如何使用调试工具在页面加载后手动加载 javascript 库?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28184249/

相关文章:

javascript - Map 和 Set 有什么区别?

javascript - 如何从angularjs中的国家ID获取国家名称

javascript - 子菜单点击事件没有被触发

jQuery 悬停状态在导航菜单上不断闪烁

javascript - Chrome 中带有文本框的 sweetalert 对话框

c# - DataList 上的鼠标悬停图像弹出窗口在 Asp.net 中不起作用

html - 列表中的间距,似乎无法覆盖 <h3> 自动空格

javascript - 无法将 JSON 值保存到 Javascript 数组?

javascript - 将数组中的所有对象合并为一个

javascript - 如果在使用 jquery 的 .each() 函数遍历每个表单元素后验证失败,则阻止提交表单