February 29, 2008

show_cookie.user.js

左下のところに常に Cookie を表示しておくための Greasemonkey スクリプトです。
Web アプリの開発時とかに便利かもー、と思って作りました。

ソース

show_cookie.user.js

// ==UserScript==
// @name           show cookie
// @namespace      http://jugyo.org/
// @include        http://*
// ==/UserScript==

(function() {

  var content = document.createElement("div");
  content.innerHTML = document.cookie.split(/;[ ]*/).join('
');
  with (content.style) {
    fontFamily = "verdana, sans-serif";
    fontSize = "11px";
    textAlign = "left";
    margin = 0;
    padding = "4px";
    lineHeight = "15px";
    color = "black";
    backgroundColor = "gray";
    MozOpacity = 0.60;
    border = "none";
    position = "fixed";
    bottom = "0px";
    left = "0px";
    overflow = "auto";
  }
  document.body.appendChild(content);

})();

追記:
常に表示されているとうざいケースもあるかと思います。
以下はマウスオーバー時にのみ表示されるバージョンのソースです。

// ==UserScript==
// @name           show cookie
// @namespace      http://jugyo.org/
// @include        http://*
// ==/UserScript==

(function() {

  element_id = "show_cookie";

  function main() {
    var wrap = document.createElement("div");
    wrap.addEventListener("mouseover", show, false);
    wrap.addEventListener("mouseout", hide, false);
    with(wrap.style) {
      fontFamily = "verdana, sans-serif";
      fontSize = "12px";
      textAlign = "left";
      margin = 0;
      padding = "6px";
      lineHeight = "15px";
      color = "black";
      backgroundColor = "gray";
      MozOpacity = 0.90;
      border = "none";
      position = "fixed";
      bottom = "0px";
      left = "0px";
      overflow = "auto";
    }
    document.body.appendChild(wrap);

    var content = document.createElement("div");
    content.id = element_id;
    with (content.style) {
      display = "none";
    }
    content.innerHTML = document.cookie.split(/;[ ]*/).join('<br />');
    wrap.appendChild(content);
  }

  function show() {
    document.getElementById(element_id).style.display = "block";
  }

  function hide() {
    document.getElementById(element_id).style.display = "none";
  }

  main();

})();

2 Comments »

  1. Comment by Beck, March 1, 2008 at 21:00 #

    iPod Touch って良いインターフェースだと思うんですけど
    売れるアプリ作りましょうよ!

  2. Comment by jugyo, March 2, 2008 at 0:09 #

    iPod Touch の UI はなかなか感動しますね

    > 売れるアプリ作りましょうよ!

    なんか作りたいですね。
    そういえば来週あたりiPhone / iPod touch用SDKが発表されるとかされないとか。

TrackBack URI

Leave a comment

※上の項目は入力してもしなくてもよいです。