Использование jQuery на консоли?

Question

Я узнал больше о jQuery и хотел бы использовать его в интерактивном режиме на консоли JavaScript в Chrome. Это возможно? Я предвижу, что-то вроде этого, но он не работает:

> use('jquery.js') 
jquery loaded 
> $("span").html("Hello World!") 

Это приведет к "Hello World!" быть вставлены между пролетами тегами и отображается.

Answer 1

Если у вас есть jQuery, включенный в страницу, на которой вы открываете консоль, вы должны быть свободны использовать ее в консоли.

Answer 2

Самый простой способ сделать это - отредактировать заголовок страницы и добавить тег <script>, указывающий на jQuery. Затем вы сможете выполнить код в консоли.

Answer 3

Ничего. Выяснил это :-) Я создал простой HTML-файл, который загрузил jQuery, а затем вышел в консоль. Это работает для меня.

Answer 4

Нет «использования», поэтому, конечно, это не сработает.

Вы можете добавить его на страницу.

var scr = document.createElement("script"); 
scr.src = "http://code.jquery.com/jquery-1.9.1.min.js"; 
document.body.appendChild(scr); 

Answer 5

Вы можете проверить http://jsfiddle.net/ или http://codepen.io/pen/

Вы все еще можете получить доступ к сценариям, которые создают с помощью хромированной консоли, и это будет проще делиться с другими, если у вас есть какие-либо вопросы.

Answer 6

Если вы хотите часто использовать jQuery с консоли, вы можете легко написать учетную запись. Сначала установите Tampermonkey, если вы находитесь в Chrome и Greasemonkey, если находитесь в Firefox. Написать простой userscript с функцией использования, как это:

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; 
} 
}