最終更新日時 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
gBookImgLoader
|
ArchiveLoader
|
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←このショートカットを右クリックしてお気に入りに登録して下さい。
*左クリックするとこのページのリンクがすべて書き換えられてしまいます。
すでに左クリックしてしまった場合はページをリロードしてから登録作業を行ってください。
リンク先のページを縮小してポップアップ表示します。
ポップアップウィンドウ内で通常のブラウジングも可能。
表示倍率変更機能や全画面表示機能も搭載。
特に検索サイトなどで非常に効率的に情報が探せます。
実装済み機能
- リンク先ページを縮小ポップアップ表示
- 表示倍率変更
- ウィンドウ位置固定
- 全画面表示
- すべてのリンクを新しいウィンドウで開くようにする
操作方法
- 左クリック → ポップアップウィンドウで開く
- Ctrl + 左クリック → 新しいウィンドウで開く
- ダブルクリック → ポップアップウィンドウを全画面で開く(位置固定時はリンク以外でも有効)
- Ctrl + 右クリック → ショートカットのコピー
今後の予定
- マウスホイールで倍率変更機能
- フレームページ対応
- クロスブラウザ化
動作環境
- IE5.5以上
- フレームページでは動作しません
- DOCTYPEによっては正しく動作しないことがあります
IEを2ちゃんねるブラウザ化するブックマークレット(IE)
公開 05/11/29 更新 05/12/29
IE to 2ch Browser→このショートカットを右クリックしてお気に入りに登録して下さい。
とりあえず作ってみたのでまだ機能が不完全。
実装済み機能
- ttpをリンク化
- ime.stを削除(直リン化)
- レス参照ポップアップ表示
- 画像ポップアップ表示
- 通常リンクポップアップ表示
操作方法
- 2ちゃんねるで登録したお気に入りを実行後、リンクにカーソルを重ねるだけです。
- 左側に一覧が表示された状態では動作しません。
- 目的のページを新しいウィンドウで開いてから実行して下さい。
今後の予定
動作環境
- IE5.5以上
- フレームページでは動作しません
- DOCTYPEによっては正しく動作しないことがあります
ページ描画後任意のタイミングで別サーバのスクリプトファイルを読み込む
公開 05/11/29 更新 05/11/30
一般的に外部ファイルのスクリプトを読み込むときは
というようにすると思います。
しかしこれだとページ描画時にしか読み込めません。
また、
obj.innerHTML='';
というようにするとページ描画後にでも外部ファイルをロードできそうですが、これは動作しません。
他に外部ファイルを読み込む方法として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文字ちょっとの文字数制限を気にする必要がなくなります。