ドキュメントをよこせ
携帯電話やPDA向けの表示をシミュレート出来ると書いてあったから、Web Dev とかいうアドオンを Firefox に入れてみた。ずいぶんと多機能なようだが、操作法を解説した文書が見つからない。
Web Developer Documentation を見ても役立つ文書はあまり書いてない。これが宝かどうかは未だ判断出来ないが、機能の持ち腐れだ。
- 「インストールしたら、ツールバーかメニュから開け」、HELP がこれだけとは笑わせてくれる。
今のところ「携帯電話やPDA向けの表示をシミュレート」は出来ていない。
- コメントしてもらって他の場所で動作確認出来た。
- ヘルプですが、どうなんでしょう、単機能の組み合わせでも、もう少し何かあったら、と私は思います。
- はてな系はメディア handheld を書いてなくても SSR が有効にならないようだ。
- 下掲左がここでの Opera の SSR、右が Web Dev ツール。
- 「Web Developer の中を覗いてみたところ、small_screen_rendering.css ってのを適用させているぽい」ということなので、探して webdeveloper.jar を展開してみた。
* { background-image: none !important; float: none !important; font-size: 10px !important; font-variant: normal !important; height: auto !important; left: auto !important; letter-spacing: 0 !important; margin-bottom: auto !important; margin-left: 0 !important; margin-right: 0 !important; margin-top: auto !important; max-width: 250px !important; padding-left: 0 !important; padding-right: 0 !important; position: static !important; text-transform: none !important; top: auto !important; word-spacing: 0 !important; } *:not(body):not(html):not(li):not(ol):not(ul) { overflow: hidden !important; } *:not(img) { width: auto !important; } *:not(input):not(select):not(textarea) { border-style: none !important; } a { text-decoration: underline !important; } body { background-color: #ffffff !important; padding: 5px !important; width: 250px !important; } body, html { margin: 0 !important; } h1, h2 { font-size: 12px !important; } html { background-color: #666666 !important; padding: 0 !important; } li { display: list-item !important; } ol, table, tbody, td, tfoot, th, thead, tr, ul { display: block !important; } ol, ul { padding-left: 15px !important; } ul { list-style-type: square !important; }
- ありゃ、* が実体参照になってしまってる。冒頭に半角空白を入れて回避。
- nyama さんのように、Firefox では「Stylish に登録」してしまった方が、リンク先もそのモードのまま表示されるので便利ですね。
- ご愛嬌で Opera の user.css でも使えるようにするには、\profile\styles\user 以下に上掲 CSS を置いて再起動するとメニューに出てくる。本物の media@handheld ではないので、display:none にしてあるここの冒頭のバナーは非表示にはならない。
- 以下の通り。
- Goo の提供しているシミュレーションと、ここの右上に貼ってある OperaMini シミュレータを比較してみるのも面白い。Goo のシミュレータは「はてなにより携帯用変換されたページ」を表示する。