JavaScriptからJsFiddleの結果画面に何かをどのように印刷しますか?使用できず、使用もできませdocument.write()
んprint
。
何を使うべきですか?
console.log()
、カスタム関数とは異なる引数を受け入れることです)。
JavaScriptからJsFiddleの結果画面に何かをどのように印刷しますか?使用できず、使用もできませdocument.write()
んprint
。
何を使うべきですか?
console.log()
、カスタム関数とは異なる引数を受け入れることです)。
回答:
console.log()
JSFiddle からの出力を表示できるようにするには、左側のパネルの[ External Resources]に移動し、Firebugの次のリンクを追加します。
このためのテンプレートがあります。これが私が使用するコードです:
<pre id="output"></pre>
function out()
{
var args = Array.prototype.slice.call(arguments, 0);
document.getElementById('output').innerHTML += args.join(" ") + "\n";
}
out("Hello world!");
out("Your lottery numbers are:", Math.random(), 999, Math.PI);
out("Today is", new Date());
innerText
代わりにinnerHTML
を使用して、ログを元のコンソールに送信しますfunction newLog(oldLog) { return function() { var args = Array.prototype.slice.call(arguments, 0); document.getElementById('console-log').innerText += args.join(" ") + "\n"; oldLog.apply(this, args) } } console.log = newLog(console.log) console.error = newLog(console.error)
。JSFiddleの例
document.getElementById('element').innerHTML += [stuff here] + "<br/>";
複数行にしてページに情報を追加する場合に使用できます。
あなたがすることをしないかもしれませんが、あなたはタイプすることができます
console.log(string)
そして、ブラウザのコンソールに文字列を出力します。ChromeでCTRL+ + SHIFT+ Jを押してコンソールを開きます。
CTRL
+ SHIFT
+ を使用できK
ます。
あなたはこれを行うことができます--->
http://jsfiddle.net/chY5y/
$('body').append(yourVariable);
jsfiddleは最初からそれを行うことができます。Javascrpt-> Frameworks&extensions-> Jquery(edge)に移動し、Firebug liteチェックボックスをチェックするだけです
document.body.innerHTML = "あなたのデータ";
document.body.innerHTML += "Your data" + "<br/>"; document.body.innerHTML += "Even more data" + "<br/>";
これが1つの代替案です。http://jsfiddle.net/skibulk/erh7m9og/1/
document.write = function (str) {
document.body.insertAdjacentHTML("beforeend", str);
}
document.write("¡hola mundo");
一部の人に役立つかもしれない何かを追加するだけです...
上記のようにデバッガコンソールを追加すると、次のコマンドを実行してスコープにアクセスできます。
scope = angular.element(document.querySelector( '[ng-controller = MyCtrl]'))。scope();
console.log、alert()などよりもスコープの検査が直接簡単だと思います。
JSfiddleを使用している場合は、このライブラリを使用できます:https : //github.com/IonicaBizau/console.js
ライブラリのrawgitをjsfiddleリソースに追加します。
https://cdn.rawgit.com/IonicaBizau/console.js/0ee8fcc4ea802247c5a7a8e3c6530ede8ade308b/lib/console.min.js
次に、これをHTMLに追加します。
<pre class="console"></pre>
JSでコンソールを初期化します。
ConsoleJS.init({selector: "pre.console"});
使用例:jsfiddleで確認してください
ConsoleJS.init({selector: "pre.console"});
let b;
console.log('hello world');
console.log([{'a':10,'b':44}]);
console.log(typeof [1,2,3,4]);
console.log(50 +67);
console.log(b);