スポンサー

簡単にブログなどにJavascriptのテストを埋め込む方法!


利用するもの

TamralJSestというもの。TamralWorldというサイトが運営しているもので、とってもシンプルなのが特徴です。
(リンク:TamralJSTest)
サイトはiframeで埋め込んで利用できます。

使い方

使い方までとても使いやすく、下にある「入力コード」というところにテストしたいコードを入力し、下の「ソースコード更新」ボタンを押すだけです。
※コンソールに出力する際は、console.log(出力させるもの);に出力させれば大丈夫です。また、console.errorも使用可能です。
「スクリプトを実行」ボタンを押すと、実行する処理の確認(不正使用を防ぐため)が出てきますので、そのあと「実行」ボタンを押すと実行されます。
そして、ブログ等に埋め込む際は、「埋め込み用URLを取得」をクリックして、

次のURLを使用するサイトのiframeのsrc属性に指定してください。

https://tamralworld.com/web_javascript_test?*************

と表示されるので太字のURLをコピーしiframeで貼り付けてください。
これが貼り付けた例です。
(この処理はただ単に計算結果をconsole.に出力するだけのものです。)


そして、エラー等はこのように出力されます。

最後に

どうでしょうか。通常のものより明らかに簡単にJavaScriptをテストすることができます。
ですが、localstorageやcookie等、一部使えないブラウザAPIがあるので注意してください。

コメント

広告

このブログの人気の投稿

【CSS】アニメーション等動作がカクカクする時の対処法

超軽量DOM操作ライブラリdom_sen.js var1

超軽量DOM操作ライブラリdom_sen.js var2