browser

Firefoxでwindow.innerWidthとdocument.body.clientWidthの値がおかしい

[image]取得する値が合わない
(1マス=100px)

ブラウザのbody部分のサイズを取得したくて

とやってみたらFirefoxが吐き出す値が大きすぎるうえに
あるサイズ以下になると一定の値しか返さなくなる。

アドオンがいけないのかな?とか色々消していったら
ナビゲーションツールバーを非表示にした時に期待した値を取れるようになりました。

[image]ナビゲーションツールバーを非表示

ナビゲーションツールバーを無視してサイズを取得するにはどうしたらいいんだろう…

各ブラウザの設定をデフォルトに戻す方法あれこれメモ。

operaのフォント設定がおかしな感じになってたんだけど(font-familyを設定しないとh1~h6がMS Pゴシックになる *1)
ふとした拍子に設定を変更してしまったからなのか、それともoperaは元々そうゆうものなのか?なんでそんな事になっているのか原因がわからない。
なのでとりあえずoperaのユーザー設定を初期化する方法を探して試してみました。
ついでにfirefoxやchromeやsafariを初期化する方法もメモ。

operaの場合

アドレスバーに以下を入力してenterするとopera6.ini 設定を変更するためのウェブページが開く。

Opera の設定ファイルの解説

opera:config fontsにh1~h6の設定がある

fontの設定をデフォルトに戻したかったのでFontsのデフォルトをクリックしてみるとh1~h6はMS Pゴシックがデフォルトだったみたい(うちの環境では)。
デフォルトでは何も指定してくれていない方が助かるんだけどな
空白にして保存したらもしかして?と思ってやってみたけど再起動したら空白にする前の設定が復元された。ちぇ。

22,7,0,0,0,0,MS Pゴシック みたいにフォント名の前に数字がズラズラと書いてあるけどその意味は
フォントサイズ,ウェイト / 2(細字)|4(通常)|7(太字),イタリック(0|1),下線(0|1),上線(0|1),打消線(0|1),フォント名 みたい
詳細設定 - font

firefoxの場合

アドレスバーに以下を入力してenterすると設定ページが開く

しかしopera程わかりやすいものじゃない。

とりあえずフィルタに「font」と入力して状態でソートしたらユーザー設定が上に来た、右クリックしてリセットすると初期化される。

about:configからリセット

もう一つ、セーフモードを通してリセットする方法
設定のリセット

こっちは試してないです。

safariの場合

ブラウザ右上の歯車アイコンに設定のリセットがあるけど、ここからfont設定を初期化できないみたいなので設定ファイルを消す。
C:\Documents and Settings\[ユーザー名]\Application Data\Apple Computer\Preferences\com.apple.Safari.plist を削除(リネーム)

safariを最初に立ち上げた時のムービー(html5css3で出来てるんだっけ?)がまた見れた。

chrome

C:\Documents and Settings\sakura-chiro-haiji\Local Settings\Application Data\Google\Chrome\User Data フォルダを削除(リネーム)
エクステンションやらブックマークとか全て初期化される。

webkit系は任意の設定だけ初期化する簡単な方法がわからんかった。
[追記 / 20100829]
chromeにもfirefoxみたいなabout:~があるんですね
アドレスバー – Google Chrome まとめWiki(サーバの障害対応中らしいのでキャッシュへリンク)

見逃してるだけかもしれないけどピンポイントでフォント設定を初期化する方法は見当たらなかった。

*1
Ctrl+F12(メニュー – 設定 – 設定) – 詳細設定タブ – フォント をみると[見出し<h1>~見出し<h6>]あたりがMS Pゴシックになってる。

ショートカットをドラッグ&ドロップするだけで、大きいサイズのアイコン画像も一括抽出できる IcoFX

無料でこれは良かった。

なにが良いかって

本体のexeをドラッグ&ドロップしなくても、アプリのショートカットからでもちゃんとアイコン画像を取り出せて楽チン。
あと256 × 256 px の大きなサイズのアイコンにも対応してる。
[options] – [languages] – [Japanese] からメニューを日本語に出来る。

[image]IcoFXにショートカットをぶち込んだところ

続きを読む

Operaのパスワードマネージャー(認証管理)の使い方をいまさら知った。

Operaってば、「パスワードを保存しますか?」と聞いてくるくせに、
次にそのページに行っても補完する素振りすら全く見せないから困るなぁと思っていんだけど、ちがうんです。
Ctrl + Enter で記憶させたパスワードを入力してくれるんです、しらんかった。

http://help.opera.com/Windows/9.22/ja/wand.html

Opera が前回入力したフォームフィールドを認識した場合、認証管理機能を使ってフィールドに情報を入力することもできます。認証管理ボタンをクリックするか Ctrl+Enter をクリックしてください。

目印は黄色の枠

パスワードを保存していないページの input (入力欄)は黒
[image]パスワードを保存していない場合の画面表示
パスワードが保存されているページの input (入力欄)は黄色
[image]パスワードが記憶されているページは入力欄の枠が黄色になる
Ctrl + Enter を押すと認証管理の窓が立ち上がって複数アカウントでも簡単に入力できる。
[image]Ctrl + Enterで開く画面

はぁだいぶ使いやすくなった。

jQueryでアンカーリンクをスムーズスクロールの練習

要素を動かすのは前回の(フローティングメニュー作成)でなんとなくわかったけど
全体をスクロールさせる方法はさっぱりなので調べた。

続きを読む