Amazonで、Amazon.co.jpじゃないところが扱ってる商品のときにわかりやすくするユーザスタイルシート

css

Amazonって、商品によってはAmazonじゃない人や業者が扱っているものもある。それはそれで別にいいんだけど、それを知らずに(Amazonであると勘違いして)注文しちゃうと、納期がいつもより遅かったり、送料が余計にかかったり、中古だったり、いろいろあるので間違いを防ぎたい。

そこで、Amazonじゃない業者のときにそのことが目立つようにするユーザスタイルシートを書いてみた。最初Greasemonkeyスクリプトにしようかと思ったけど、このくらいだったらスタイルシートで十分だった。

@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document domain("amazon.co.jp") {
  div.buying>b>a, div.buying>span.availGreen>a.buyAction {
    font-size: 450%;
    background: #ffffa0;
    letter-spacing: 0.2em;
  }
}

Firefox専用。

Stylishを使ってる人は上記のコードをコピペして登録すれば簡単に使えるようになると思う。Stylishが無くてもuserContent.cssを使えばやれるけど、いちいちFirefoxの再起動が必要だったりして面倒なのでStylishを使う方がオススメ。

ステータスバーにあるStylishのアイコンを右クリックして「スタイルを書く」→「空のスタイル...」と進む。概要のとこに適当にタイトルを入力し、上記のcssをコピペして保存すれば設定完了。

使用例

例えば、MacBook MB467J/Aの商品ページを見ると、この日記を書いてる時点では以下のようになる。

こんだけハッキリ表示されれば、もう間違わない。