5

jQuery についてさらに学習していて、Chrome の JavaScript コンソールでインタラクティブに使用したいと考えています。それは可能ですか?私はこのようなものを想定していますが、うまくいきません:

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

これ"Hello World!"により、span タグの間に挿入されて表示されます。

4

6 に答える 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

これを行う最も簡単な方法は、ページのヘッダーを編集し、jQuery<script>を指すタグを追加することです。その後、コンソールでコードを実行できます。

于 2013-03-15T13:06:16.917 に答える
1

コンソールから jQuery を頻繁に使用する場合は、ユーザー スクリプトを簡単に作成できます。まず、Chrome の場合は Tampermonkey を、Firefox の場合は Greasemonkey をインストールします。次のような use 関数を使用して簡単なユーザー スクリプトを記述します。

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

どうでも。理解できました :-) jQuery をロードしてコンソールに表示する単純な HTML ファイルを作成しました。これは私にとってはうまくいきます。

于 2013-03-15T13:07:09.100 に答える
1

http://jsfiddle.net/またはhttp://codepen.io/pen/を確認してください。

作成したスクリプトには引き続き Chrome コンソールからアクセスできます。質問がある場合は、他のユーザーと簡単に共有できます。

于 2013-03-15T13:36:47.170 に答える