我正在学习有关 jQuery 的更多信息，并希望在 Chrome 中的 JavaScript 控制台上以交互方式使用它。那可能吗？我设想这样的事情，但它不起作用：
> use('jquery.js')
jquery loaded
> $("span").html("Hello World!")
这将导致"Hello World!"在跨度标签之间插入并显示。
问问题
15012 次
6 回答
18
没有“使用”，所以它当然行不通。
您可以将其附加到页面。
var scr = document.createElement("script");
scr.src = "http://code.jquery.com/jquery-1.9.1.min.js";
document.body.appendChild(scr);
于 2013-03-15T13:08:56.783 回答
9
如果您在打开控制台的页面中包含 jQuery，您应该可以在控制台中自由使用它。
于 2013-03-15T13:03:36.213 回答
4
最简单的方法是编辑页面标题并添加一个<script>指向jQuery的标记。然后您将能够在控制台中执行代码。
于 2013-03-15T13:06:16.917 回答
1
没关系。想通了 :-) 我创建了一个简单的 HTML 文件来加载 jQuery，然后进入控制台。这对我有用。
于 2013-03-15T13:07:09.100 回答
1
如果您想从控制台频繁使用 jQuery，您可以轻松编写用户脚本。首先，如果您使用的是 Chrome，请安装 Tampermonkey；如果您使用的是 Firefox，请安装 Greasemonkey。用这样的使用函数编写一个简单的用户脚本：
var scripts = []
function use(libname){
var src;
if(scripts.indexOf(libname)==-1){
switch(libname.toLowerCase()){
case "jquery":
src = "http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js";
break;
case "angularjs":
src = "http://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js";
break;
}
}else{
console.log("Library already in use.");
return;
}
if(src){
scripts.append(libname);
var script = document.createElement("script");
script.src = src;
document.body.appendChild(scr);
}else{
console.log("Invalid Library.");
return;
}
}
于 2014-01-18T06:22:32.280 回答
1
您可能想查看http://jsfiddle.net/或http://codepen.io/pen/
您仍然可以通过 chrome 控制台访问您创建的脚本，如果您有任何问题，将更容易与他人共享。
于 2013-03-15T13:36:47.170 回答