最終更新日時 2006/05/08 18:00  HP開設日 2005/11/29  連絡先 itmst71@gmail.com

JavaScript - Bookmarklet

経験は浅いですがjavascriptを使っていろいろやってみます。


ブックマークレットとは

公開 05/12/29 更新 05/12/29

お気に入りには通常、サイトへのリンクを登録しますが、
リンクの代わりに短いプログラムを登録したものをブックマークレットと呼びます。
お気に入りページを開くのと同じ操作で登録したプログラムを実行することができます。

詳しい使い方はこちら



カーソル直下のソースをポップアップ表示(IE専用)

公開 06/05/08 更新 06/05/08

カーソル直下のオブジェクトのソースをポップアップ表示します。
説明するより早いので実行してみてください。

Cursor Source Viewer

508文字というブックマークレットの文字数制限に悩まされました。
削って動くものはすべて削りました。
変数のスコープも犠牲にしたのでページ本体のスクリプトと干渉するかもしれません。
それと横スクロールが出た状態を想定していません。

思ったより実用的なものができたっぽいです。

[設定変更]
表示させるフレームの横幅 「w=300;」 の部分(3文字まで)
最大表示文字数 「w*3」 の部分(1文字) *幅設定の300を利用して文字数を決定

本体をサーバ上においてもう少し高機能化させたバージョンを作ってもよさそうです。

Fotolog用ブックマークレット

公開 06/04/22 更新 06/05/08

Demo gBookImgLoader
gBookImgLoader
Demo ArchiveLoader
ArchiveLoader
Demo UnicodeLoader
UnicodePost
XMLHTTPでゲストブックの投稿者の個人ページを取得・解析して最新写真5枚のサムネイルを表示します。サムネイルをクリックすると通常サイズの画像をロードします。 1日に2枚以上の写真をアップすると現状のアーカイブページでは後から探すのが大変。そこでリンク先の画像URLを取得して月単位で一画面にすべてのサムネイルを表示します。クリックすると通常サイズの画像をロードします。 2Byte文字をUnicodeHTML形式に変換することで、ゲストブックに文字化けせずに日本語を投稿できるようにします。プレビュー機能や文字数カウンタ付き。


スクリプト本体がサーバ上にあるため正確にはブックマークレットではありませんが。
グローバルなサイトなだけにクロスブラウザを念頭に作りました。
だいたいのブラウザで動作するはずです。

MACがないのでSafariは確認できませんが動作報告あり。

詳しくはFotolog Bookmarklet専用ページへ

現在のソースを表示する

公開 06/05/08 更新 06/05/08

SourceNow

Javascriptなどでページが動的に書き換えられていた場合、普通にソースを表示しても期待通りのものは見れません。
このブックマークレットはスクリプトによるページ構築後の、現在のソースを見ることができます。

ページ内の総画像容量を計算(IE専用)

公開 06/05/08 更新 06/05/08

IMGCounter

1ページに表示されている画像ファイルの総数と総容量と平均容量を表示。
他のスクリプトの副産物。


リンクはすべて新しいウィンドウで開く

公開 06/05/08 更新 06/05/08

実行するとtarget指定のないリンクは新しいウィンドウで開きます。
<base target="_blank">を追加するだけのつまらないものです。

LinkNewWindow

Ctrl + クリックもしてられない時に。

リンク先を縮小ポップアップ表示するブックマークレット(IE)

公開 05/11/30 更新 05/12/04

Link Popup Maker←このショートカットを右クリックしてお気に入りに登録して下さい。
*左クリックするとこのページのリンクがすべて書き換えられてしまいます。
すでに左クリックしてしまった場合はページをリロードしてから登録作業を行ってください。






リンク先のページを縮小してポップアップ表示します。
ポップアップウィンドウ内で通常のブラウジングも可能。
表示倍率変更機能や全画面表示機能も搭載。

特に検索サイトなどで非常に効率的に情報が探せます。


実装済み機能 操作方法 今後の予定 動作環境

IEを2ちゃんねるブラウザ化するブックマークレット(IE)

公開 05/11/29 更新 05/12/29

IE to 2ch Browser→このショートカットを右クリックしてお気に入りに登録して下さい。


とりあえず作ってみたのでまだ機能が不完全。

実装済み機能 操作方法 今後の予定 動作環境

ページ描画後任意のタイミングで別サーバのスクリプトファイルを読み込む

公開 05/11/29 更新 05/11/30

一般的に外部ファイルのスクリプトを読み込むときは
<script src="hoge.js"></script> というようにすると思います。
しかしこれだとページ描画時にしか読み込めません。

また、 obj.innerHTML='<script src="hoge.js"></script>'; というようにするとページ描画後にでも外部ファイルをロードできそうですが、これは動作しません。
他に外部ファイルを読み込む方法としてXMLHttpRequestというのがありますが
セキュリティの制約上ページをロードしたのと同じサーバからしかデータを取得することができません。

そこで以下のような関数を作りました。
IEとFireFoxとOperaの各最新バージョンで動作確認。 function jsLoader(url){ url+='?' + (new Date()).getTime(); var e=document.createElement('script'); e.charset='SHIFT_JIS'; e.src=url; document.getElementsByTagName('head')[0].appendChild(e); } jsLoader('http://t-service.no-ip.com/test.js'); のように外部ファイルのurlを渡します。

ブックマークレットの文字数制限を気にする必要がなくなる
このような仕組みをブックマークレットで利用することでブックマークレットの
500文字ちょっとの文字数制限を気にする必要がなくなります。






inserted by FC2 system