ブックマークレット(bookmarklet)の紹介① | リアナのカスタマイズ日記(CSS編集用デザイン)

リアナのカスタマイズ日記(CSS編集用デザイン)

アメブロ 新CSS CSS編集用デザイン 無料
カスタマイズ アメブロカスタマイズ 初心者
CSS スタイルシート デザイン
javascript jQuery

★ ブックマークレット(bookmarklet)の紹介①


● 内容

  ブックマークレット(bookmarklet)は」、Webブラウザのブックマーク(お気に入り)に登録する
  ことのできる、JavaScriptで記述されたスクリプトです。
  簡単にブログの情報を表示したり、Webで作業をすることができます。



● やり方。

  ◆ IEの場合(例)

アメーバIDの表示のリンクを右クリックして、お気に入りに追加をクリックする。



リアナのカスタマイズ日記(CSS編集用デザイン)


追加ボタンをクリックする。


リアナのカスタマイズ日記(CSS編集用デザイン)



お気に入りに追加されたらツールバーのお気に入りから呼び出します。


リアナのカスタマイズ日記(CSS編集用デザイン)







  ◆ FireFoxの場合(例)

HTMLソースを表示すのリンクを右クリックして、このリンクをブックマークをクリックする。


リアナのカスタマイズ日記(CSS編集用デザイン)








● アメーバIDを表示するブックマークレット

 ◆ 内容

  このブックマーク(お気に入り)を実行すると開いているアメーバブログの
  ページのアメーバIDを表示します。

 ◆ URL内容(参考)

javascript:(function(){var Ameba_ID;if(location.pathname.indexOf("/",1)==-1){Ameba_ID=location.pathname.substring(1,location.pathname.length);}else{Ameba_ID=location.pathname.substring(1,location.pathname.indexOf("/",1));}alert("このブログのアメーバIDは "+Ameba_ID+" です。")})();

 ◆ 下記を右クリックして、このリンクをブックマークまたは、お気に入りに追加をクリックしてください。











● HTMLを表示するブックマークレット

◆ 内容

  このブックマーク(お気に入り)を実行するとページのHTMLを
  新しいウインドウで表示します。
  アメブロ以外のページも表示可能です。

◆ URL内容(参考)

javascript:(function(){window.open('view-source:'+window.location)})();

◆ 下記を右クリックして、このリンクをブックマークまたは、お気に入りに追加をクリックしてください。








● アメーバブログのCSSを表示するブックマークレット

◆ 内容

  このブックマーク(お気に入り)を実行すると開いているアメーバブログの
  ページのCSSの内容を新しいウインドウで表示します。
  IEのブラウザの場合はメモ帳でCSSの内容が開きます。

  注意:アメーバブログのCSS編集用デザインまたはカスタム可能デザインのみ機能します。
     下記の場合は、CSSファイルを見つけられません。
      ① CSS編集用デザインで、CSSをまったく変更していないブログ。
      ② カスタム可能デザインで対話型でデザイン変更をまったく利用していないブログ。

◆ URL内容(参考)

javascript:(function(){var d=document;var s=d.createElement('script');s.src='http://stat100.ameba.jp/blog/js/apm001.js';d.body.appendChild(s);var CSS_spos=$("head").html().indexOf("http://usrcss.ameblo.jp/skin/templates",1);if(CSS_spos!=-1){var CSS_f=$("head").html().substring(CSS_spos,CSS_spos+60);window.open('view-source:'+CSS_f);}else{alert("このブログはCSSファイルを見つけられません")}})();


◆ 下記を右クリックして、このリンクをブックマークまたは、お気に入りに追加をクリックしてください。