スクラッチパッド 2017-06-24 (Sat) 00:29

デバッグコンソールのコード実行は意外と便利だったんだけど、如何せん一行しか書けないので

Firefoxのスクラッチパッドみたく、複数行の JScriptのコードを手軽に実行できるようなアドオンを作ってみた。

◎機能(ボタン)の説明
+入力エリア追加
eJScriptのコード実行(キーボードのCtrl+EnterでもOK)
c入力エリアクリア
x入力エリア削除

本当は、入力エリアのタブ幅がデフォで8になっているところを4か2にして、入力エリアのサイズを可変にしたかったけど

IEのエンジンは、tab-sizeも resizeもサポートしてましぇーん。(´・ω・`)y-~~~

入力エリアはShift + ホイール上下で縦方向に伸縮できるようにしたけど、タブ幅をゴリゴリやるのは面倒そう。

CSSでやるのが簡単でスマートなのに。

2017/10/16 更新 1.02
・スクリプトの実行方法変更
・エラーダイアログを閉じた後、コード入力欄にフォーカスが移るように修正
@TE64 17.10.11 Win 6.1.7601 WS 300 Admin IE 11 ja_jp

2017/09/18 更新 1.01
・クリアと削除実行時に確認メッセージを表示する
・最終行が行コメント(//)の場合エラーが出る問題修正

ダウンロード

@TE64 17.6.10 Win 6.1.7601 WS 300 Admin IE 11 ja_jp


◎デバッグコンソールと併用した際の表示パターン例

ボトムバーに縦に並べて表示

レフトバーとボトムバーに表示

ボトムバーに横に並べて表示

レフトバーとライトバーに表示


◎アドオン作成時の私的メモ

htmlでUIを実装するタイプのアドオンでは、TEのシステムや他のアドオンとIDが被る可能性がありそうなので、

極力アドオン名を IDとしたもののみを使用し、UIの各オブジェクト(TAG)はIDの子孫の xx という形で扱うようにする。

どうしてもほかに IDを使う必要がある場合は アドオン名_xxxx のように命名する。

関連記事

コメントの投稿

管理者にだけ表示を許可する

注意事項
基本的にこのブログはブログ主の備忘録です。

ブログの内容にはブログ主の主観や時には正確でない情報が含まれていることもあります。書いてある内容がすべての環境にあてはまることを保証するものでもありません。

また、過去の記事は現時点で既に陳腐化していることもあります。

その辺をご理解の上で当ブログ内に書いてあることを試す場合は自己責任でお願いします。

記事内容の誤りの指摘、疑問点の回答などコメント頂けると助かります。
カレンダー
10 | 2017/11 | 12
- - - 1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 - -
ブログ内検索
カラーコードチェッカ
カラーコードの確認
入力例) #ffffff | blue
カテゴリ
最新記事
最新コメント
最新トラックバック
リンク
ブロとも申請フォーム

この人とブロともになる

メールフォーム
メールフォーム設置当初より受信できない状態になっていました。2017/11/03以前にメール送信された方、誠に申し訳ありませんでした。
必要であれば再送お願いします。

名前:
メール:
件名:
本文: