自分用Firefox向け各種スクリプト

Firefox用に作ったけどほかのブラウザでも動くかもしれないし動かないかもしれない。
自分用にテキトーに作ったやつなので使用は自己責任でお願いします。なんかバグとか改良案とかあったら教えてください。

  • Twitterの画像を原寸にする
  • CSSによるフォント指定を上書きしてMSゴシック等による表示を禁止する
  • 現在のページをGoogle翻訳で開くブックマークレット
  • 現在のページをTwitterに投稿するブックマークレット
  • 現在のページのWeb Archiveを表示するブックマークレット

Twitterの画像を原寸にする

Twitterの画像を普通に開くとリサイズされたものが表示される。
URLの末尾に:origを付加することで原寸の画像が表示される。

Greasemonkeyに読み込ませて使う。

// ==UserScript==
// @name        Twitter orig image
// @namespace   http://twitter.com/
// @include     http://twitter.com/*
// @include     https://twitter.com/*
// @include     http://pbs.twimg.com/*
// @include     https://pbs.twimg.com/*
// @version     1
// @grant       none
// ==/UserScript==
(function () {
  var xpath = '//img[contains(@src,"pbs.twimg.com/media")]';
  function rewriteURL(url) {
    if (url.match(':thumb')) //サムネイル画像の場合はそのまま
    {
      return url;
    }
    else if (url.match(':orig')) //URLにすでに:origがついてるときはそのまま
    {
      return url;
    }
    else if (url.match(':large')) //末尾に:origを付加
    {
      return url.replace('.jpg:large', '.jpg:orig').replace('.png:large', '.png:orig');
    }
    else if (url.match(':small')) //末尾に:origを付加
    {
      return url.replace('.jpg:small', '.jpg:orig').replace('.png:small', '.png:orig');
    }
    else //末尾に:origを付加
    {
      return url.replace('.jpg', '.jpg:orig').replace('.png', '.png:orig');
    }
  }
  var nodesSnapshot = document.evaluate(xpath, document, null, XPathResult.UNORDERED_NODE_SNAPSHOT_TYPE, null);
  for (var i = 0; i < nodesSnapshot.snapshotLength; ++i) {
    var img = nodesSnapshot.snapshotItem(i);
    var src = img.attributes.getNamedItem('src');
    src.value = rewriteURL(src.value);
  }
}) ();

CSSによるフォント指定を上書きしてMSゴシック等による表示を禁止する

Firefoxの設定から、自分の好きなフォントを指定してもCSSでMSゴシックを指定されている場合、MSゴシックで表示されてしまう。MSゴシックでの表示だとアンチエイリアスが効かないのでダメ。

「Webページが指定したフォントを優先する」オプションを無効にすればMSゴシックでの表示は禁止できるけどすべてのフォントが変わってしまいデザインが変わってしまうことがある。そこで、特定のフォントだけ上書きするようにした。

Stylishに読み込ませて使う。


@font-face {
font-family: "MS Pゴシック";
src: local("");
}
@font-face {
font-family: "MS PGothic";
src: local("");
}
@font-face {
font-family: "MS ゴシック";
src: local("");
}
@font-face {
font-family: "MS Gothic";
src: local("");
}
@font-face {
font-family: "メイリオ";
src: local("");
}
@font-face {
font-family: "Meiryo";
src: local("");
}
@font-face {
font-family: "MS 明朝";
src: local("");
}
@font-face {
font-family: "MS Mincho";
src: local("");
}
@font-face {
font-family: "MS P明朝";
src: local("");
}
@font-face {
font-family: "MS PMincho";
src: local("");
}

ブックマークレット

開いているページをGoogle翻訳で開く

javascript:location.href='https://translate.google.com/translate?hl=ja&sl=auto&tl=ja&u='+encodeURI(location.href)

開いているページをTwitterに投稿する

javascript:location.href='https://twitter.com/intent/tweet?url='+encodeURIComponent(location.href)+'&text='+encodeURIComponent(document.title)

開いているページのWeb Archiveを開く

javascript:location.href='http://web.archive.org/web/2/'+encodeURI(location.href)

開いているページをWeb Archiveに保存する

javascript:location.href='http://web.archive.org/save/'+encodeURI(location.href)

コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中