Kawanet Blog II

アクセスカウンタ

zoom RSS Bookmarklet Viewer/ブックマークレットのJSソース表示(iPhone・iPad用)

<<   作成日時 : 2010/08/06 01:36   >>

ブログ気持玉 0 / トラックバック 0 / コメント 1

新しいブラウザを使い始めるときはいつも、ブックマークレットの登録から始めるのですが、
iPhone・iPad では、javascript: のリンクをブックマーク登録できないため、
ブックマークレットの登録が大変面倒です。そこで、ブックマークレットのソースを表示して、
コピー&ペーストすることでブックマークに登録しやすくするブックマークレットを書きました。

Bookmarklet Viewer

この「Bookmarklet Viewer」のブックマークレットは、
そのページ内にある全てのブックマークレット(javascript: へのリンク)の
JavaScript のソースコードを textarea にして表示してくれるブックマークレットです。

Bookmarklet Viewer ブックマークレット自体の登録手順


1. ↑のリンクをクリックすると、textarea にソースコードが表示される。
2. 長押し[全選択]または[Select All]でソースコード全体を選択する。

3. [コピー]または[Copy]でソースコードをコピーする。

4. Safari の[+]ボタンで、[ブックマークに追加]または[Add Bookmark]
5. 適切なブックマークレットの名前に書き換える
6. 登録時初回は URL を変更できないので、いったんそのままにする
7. 保存先を[ブックマークバー]にすると、ブックマークレットぽく使いやすい
8. [保存]または[Save]で登録する
9. Safari の[本]ボタンでブックマーク一覧を表示。[編集]または[Edit]を押す
10. 登録したブックマークを開いて、URL 欄で長押し[ペースト]または[Paste]でペーストする

11. ブックマークレットが使えるようになりました

Safari のデフォルトではブックマークバーが非表示になっているので、
設定>Safari>ブックマークバーを常に表示 を ON にしておきます。

Bookmarklet Viewer で他のブックマークレットを登録する


以後は、Bookmarklet Viewer を使って、他のブックマークレットのソースコードを入手できます。

delicious(一番下の Extra bookmarklets がよさげ)
http://delicious.com/help/bookmarklets

bit.ly
http://bit.ly/pages/tools

flickr の写真を blog に貼るときに便利なブックマークレット
http://kawa.at.webry.info/201005/article_4.html

3D Bookmarklet(Web は 3D の時代に。ユビキタス 3D)
http://svn.coderepos.org/share/lang/javascript/3D/3d-bookmarklet.html


JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス
オライリージャパン
Douglas Crockford

ユーザレビュー:
遠回りを避けたい人へ ...
手っ取り早く習得Ja ...
痒いとこだけ掻いてく ...
amazon.co.jpで買う
Amazonアソシエイト by JavaScript: The Good Parts ―「良いパーツ」によるベストプラクティス の詳しい情報を見る / ウェブリブログ商品ポータル


テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(0件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(1件)

内 容 ニックネーム/日時
こんにちは。最近はじめてブックマークレットを登録したのですが、いくつかのやり方をためしてみて、Bookmarklet Viewerがとても便利でした。ブログでも紹介させていただきました。ちょっと勝手な使い方をしていますが、おゆるしください。
shiremono
2011/02/25 08:52

コメントする help

ニックネーム
本 文
Bookmarklet Viewer/ブックマークレットのJSソース表示(iPhone・iPad用) Kawanet Blog II/BIGLOBEウェブリブログ
文字サイズ:       閉じる