任意のコードを実行するBookmarklet Ver1.1
任意のコードを実行するBookmarklet Ver1.1
私が一番多用しているBookmarkletです。
実行すると別ウィンドウが開きます。
このウィンドウは親ウィンドウと同一サイトとして認識されます(Bookmarkletの特徴のひとつ)。
別ウィンドウには、[run]ボタンがひとつと、テキストエリアがふたつ表示されます。
使い方をかるく説明します。
親ウィンドウの情報を取得してみます。
上のテキストエリアに次のように記述して下さい。
私が一番多用しているBookmarkletです。
実行すると別ウィンドウが開きます。
このウィンドウは親ウィンドウと同一サイトとして認識されます(Bookmarkletの特徴のひとつ)。
別ウィンドウには、[run]ボタンがひとつと、テキストエリアがふたつ表示されます。
使い方をかるく説明します。
親ウィンドウの情報を取得してみます。
上のテキストエリアに次のように記述して下さい。
親ウィンドウの情報を取得
alert(window.opener.document.title);
[run]ボタンをクリックして下さい。
テキストエリアに記述したJavaScriptが実行され、親ウィンドウのタイトルをアラートで表示しました。
次は親ウィンドウを操作してみましょう。
テキストエリアに記述したJavaScriptが実行され、親ウィンドウのタイトルをアラートで表示しました。
次は親ウィンドウを操作してみましょう。
親ウィンドウを操作
window.opener.document.getElementsByTagName("body")[0].style.backgroundColor="#ffffcc";
上記のように入力し、[run]ボタンをクリックして下さい。
親ウィンドウの背景色が変わりました。
下のテキストエリアは結果表示用です。
[document.getElementById("output")]でアクセスできます。
調べたい項目が複数ある場合、アラートで表示していたのでは面倒です。
親ウィンドウのリンクの一覧を表示してみましょう。
親ウィンドウの背景色が変わりました。
下のテキストエリアは結果表示用です。
[document.getElementById("output")]でアクセスできます。
調べたい項目が複数ある場合、アラートで表示していたのでは面倒です。
親ウィンドウのリンクの一覧を表示してみましょう。
結果表示用テキストエリアの使用例
document.getElementById("output").value="";
var obj=window.opener.document.links;
for(var i=0;i<obj.length;i++){
document.getElementById("output").value+=obj[i].href+"\n";
}
var obj=window.opener.document.links;
for(var i=0;i<obj.length;i++){
document.getElementById("output").value+=obj[i].href+"\n";
}
上記のコードを入力後、[run]ボタンをクリックして下さい。
下のテキストボックスにリンク先の一覧が表示されました。
調査結果のコピーもまとめてできます。
このBookmarkletの利点はもとのソース(親ウィンドウ)を汚さないことです。
デバッグを行う場合、ソースを直にさわりアラートを挿入したり項目を追加したりすることが多いのですが、この方法であればデバッグソースの削除忘れやミスを防ぐことができます。
また、ソースファイルを変更しないため、タイムスタンプも変更されません。
タイムスタンプでソース管理やバージョン管理を行うような環境、プロジェクトでも重宝します。
何度も同じような調査を行うのであれば、Bookmarkletを作成するツールでBookmarkletしてしまえば楽になります。
下のテキストボックスにリンク先の一覧が表示されました。
調査結果のコピーもまとめてできます。
このBookmarkletの利点はもとのソース(親ウィンドウ)を汚さないことです。
デバッグを行う場合、ソースを直にさわりアラートを挿入したり項目を追加したりすることが多いのですが、この方法であればデバッグソースの削除忘れやミスを防ぐことができます。
また、ソースファイルを変更しないため、タイムスタンプも変更されません。
タイムスタンプでソース管理やバージョン管理を行うような環境、プロジェクトでも重宝します。
何度も同じような調査を行うのであれば、Bookmarkletを作成するツールでBookmarkletしてしまえば楽になります。
投稿者 Kanasansoft : 2005/06/26
このエントリーのトラックバックURL
http://www.kanasansoft.com/cgi/mt/mt-tb.cgi/29
任意のコードを実行するBookmarklet Ver1.1を使用して、フォーム...
任意のコードを実行するBookmarkletを使う - [フォーム部品の一覧を作成する Ver1.0] from Kanasansoft Web Lab. : 2005/06/28
技術系の雑誌や書籍を読んでいると驚くような記述を見つけることがたまにあります。...
入力チェックの実行場所 from Kanasansoft Web Lab. : 2005/07/16
このエントリーに対するトラックバックはありません。
コメント投稿
