jQuery についてさらに学習していて、Chrome の JavaScript コンソールでインタラクティブに使用したいと考えています。それは可能ですか?私はこのようなものを想定していますが、うまくいきません:
> use('jquery.js')
jquery loaded
> $("span").html("Hello World!")
これ"Hello World!"
により、span タグの間に挿入されて表示されます。
jQuery についてさらに学習していて、Chrome の JavaScript コンソールでインタラクティブに使用したいと考えています。それは可能ですか?私はこのようなものを想定していますが、うまくいきません:
> use('jquery.js')
jquery loaded
> $("span").html("Hello World!")
これ"Hello World!"
により、span タグの間に挿入されて表示されます。
「使い道」がないので、当然効きません。
ページに追加できます。
var scr = document.createElement("script");
scr.src = "http://code.jquery.com/jquery-1.9.1.min.js";
document.body.appendChild(scr);
コンソールを開いているページに jQuery が含まれている場合は、コンソールで自由に使用できます。
これを行う最も簡単な方法は、ページのヘッダーを編集し、jQuery<script>
を指すタグを追加することです。その後、コンソールでコードを実行できます。
コンソールから 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;
}
}
どうでも。理解できました :-) jQuery をロードしてコンソールに表示する単純な HTML ファイルを作成しました。これは私にとってはうまくいきます。
http://jsfiddle.net/またはhttp://codepen.io/pen/を確認してください。
作成したスクリプトには引き続き Chrome コンソールからアクセスできます。質問がある場合は、他のユーザーと簡単に共有できます。