Windows版 Safari
- 2007
- 11/16
- 17:50
先日発表されたAppleのWin版Safariですが、Version 3.0.4 になって随分使いやすくなりました。ブラウザとしての性能はかなり高いので、これからシェアが上がってくるかもしれません。
CSSは今のところ大きな問題はありませんが、JavaScriptで幾つか気になる点があります。
ブラウザの表示範囲を計る時は
window.innerHeight window.innerWidth を使用。
背景画像のStyleを取得するときに何も指定されていない部分は「initial」と言う値を返してくる。
body { url('xxx.jpg') #000000 } の場合
document.body.style.backgroundの値は
url('xxx.jpg) rgb(0,0,0) initial initial initial initial が返ってきます。
※Version 3.0.3までの話し。3.0.4では直ってました。
Safari判別スクリプトは
if (navigator.vendor == "Apple Computer, Inc.")
Windows版Safari（パブリックベータ）は
http://www.apple.com/jp/safari/download/
こちらからダウンロードできます。
2007/11/17追記
日本語化ファイルを作成している方がいらっしゃいました。
Using Windows: Safari 3.0.4 (523.12.9)を使ってみた。
こちらのページから入手できます。
CSSは今のところ大きな問題はありませんが、JavaScriptで幾つか気になる点があります。
ブラウザの表示範囲を計る時は
window.innerHeight window.innerWidth を使用。
背景画像のStyleを取得するときに何も指定されていない部分は「initial」と言う値を返してくる。
body { url('xxx.jpg') #000000 } の場合
document.body.style.backgroundの値は
url('xxx.jpg) rgb(0,0,0) initial initial initial initial が返ってきます。
※Version 3.0.3までの話し。3.0.4では直ってました。
Safari判別スクリプトは
if (navigator.vendor == "Apple Computer, Inc.")
Windows版Safari（パブリックベータ）は
http://www.apple.com/jp/safari/download/
こちらからダウンロードできます。
2007/11/17追記
日本語化ファイルを作成している方がいらっしゃいました。
Using Windows: Safari 3.0.4 (523.12.9)を使ってみた。
こちらのページから入手できます。
- ブラウザ |
- Comments：5 |
- Trackbacks：0 |
- Edit
IE7の互換モードは使えない互換
- 2006
- 11/24
- 18:30
IE7の互換モードは、せっかく使えるようになった
「position: fixed」や「max(min)-width,max(min)-height」
も使えなくなってしまう「使えない互換」のようです。
詳しくは実験ページの
「IE7の互換モードは使えない互換」
を見てください。
「position: fixed」や「max(min)-width,max(min)-height」
も使えなくなってしまう「使えない互換」のようです。
詳しくは実験ページの
「IE7の互換モードは使えない互換」
を見てください。
- ブラウザ |
- Comments：0 |
- Trackbacks：0 |
- Edit
「標準準拠モード」と「後方互換モード」
- 2006
- 10/02
- 00:46
IE6はCSSを正しく解釈するので、
<div style="width: 100px; padding: 10px;">
この場合FierfoxやOperaと同じように
実際に使える部分が100pxになると解説されてます。
でも自分でやってみると
IE5やIE5.5と同じようにpaddingも含めて100pxになり、
実際に使用できる部分は80pxにしかなりません。
この原因が今日初めてわかりました。
IE6には「標準準拠モード」と「後方互換モード」
という2種類のモードがあり、
簡単に言うとソースコードの1行目に「DOCTYPE宣言」をすると
「標準準拠モード」（正しいCSSの解釈）に、
2行目以降に「DOCTYPE宣言」をすると
「後方互換モード」（古いIEと同じく間違った解釈）になります。
ブログのテンプレなどはほとんどの場合1行目に
<?xml version="1.0" encoding="Shift_JIS"?>
このような記述がされているので
「後方互換モード」になってることが多く、
IE6では正しくCSSが解釈されていないことになります。
ですからIE6に合わせてテンプレを作ると、
他のブラウザではレイアウトが崩れることが多くなります。
おまけ
実際にどのように見えるかサンプルを作りました。
IE6 「標準準拠モード」でボックスを見る
IE6 「後方互換モード」でボックスを見る
さらにおまけ
ディープ３着 残念（涙
<div style="width: 100px; padding: 10px;">
この場合FierfoxやOperaと同じように
実際に使える部分が100pxになると解説されてます。
でも自分でやってみると
IE5やIE5.5と同じようにpaddingも含めて100pxになり、
実際に使用できる部分は80pxにしかなりません。
この原因が今日初めてわかりました。
IE6には「標準準拠モード」と「後方互換モード」
という2種類のモードがあり、
簡単に言うとソースコードの1行目に「DOCTYPE宣言」をすると
「標準準拠モード」（正しいCSSの解釈）に、
2行目以降に「DOCTYPE宣言」をすると
「後方互換モード」（古いIEと同じく間違った解釈）になります。
ブログのテンプレなどはほとんどの場合1行目に
<?xml version="1.0" encoding="Shift_JIS"?>
このような記述がされているので
「後方互換モード」になってることが多く、
IE6では正しくCSSが解釈されていないことになります。
ですからIE6に合わせてテンプレを作ると、
他のブラウザではレイアウトが崩れることが多くなります。
おまけ
実際にどのように見えるかサンプルを作りました。
IE6 「標準準拠モード」でボックスを見る
IE6 「後方互換モード」でボックスを見る
さらにおまけ
ディープ３着 残念（涙
- ブラウザ |
- Comments：0 |
- Trackbacks：0 |
- Edit
FFってなんだよ？ 2
- 2006
- 09/26
- 12:02
Internet Explorer (92.08%)
Firefox (3.19%)
Safari (2.56%) ※SafariはMacの標準ブラウザです
Opera (0.93%)
Netscape (0.62%)
その他 (0.62%)
これは私が持っているサイト4つの、最近1ヶ月のブラウザ別訪問者数の割合です。1年位前はFirefoxの割合が7〜8%あり、Internet Explorerは90%を切っていたと記憶しています。
サイトによって違いは出ますが、およそ10%弱の人がInternet Explorer以外のブラウザでウェブサイト（HP）を見ていると思ってください。
さて本題はここからです。
Firefox (3.19%)
Safari (2.56%) ※SafariはMacの標準ブラウザです
Opera (0.93%)
Netscape (0.62%)
その他 (0.62%)
これは私が持っているサイト4つの、最近1ヶ月のブラウザ別訪問者数の割合です。1年位前はFirefoxの割合が7〜8%あり、Internet Explorerは90%を切っていたと記憶しています。
サイトによって違いは出ますが、およそ10%弱の人がInternet Explorer以外のブラウザでウェブサイト（HP）を見ていると思ってください。
さて本題はここからです。
- ブラウザ |
- Comments：0 |
- Trackbacks：0 |
- Edit
FFってなんだよ？
- 2006
- 09/23
- 16:54
このテンプレはFF対応です。
いまFFと言ったら10人中8人は
ファイナル・ファンタジー
って言うでしょうね。
私は昔走り屋だったので、
FFは嫌いでした。
フロントエンジン・フロントドライブ
ってやつです。
このテンプレはFF対応です。
で、このFFは Firefox のことです。
（実はWikipediaでFFを探すとFirefoxは載ってません。本当はFxと表記するらしいです。）
なぜFirefoxの話しをするかと言えば、それはまたそのうちに・・・
いまFFと言ったら10人中8人は
ファイナル・ファンタジー
って言うでしょうね。
私は昔走り屋だったので、
FFは嫌いでした。
フロントエンジン・フロントドライブ
ってやつです。
このテンプレはFF対応です。
で、このFFは Firefox のことです。
（実はWikipediaでFFを探すとFirefoxは載ってません。本当はFxと表記するらしいです。）
なぜFirefoxの話しをするかと言えば、それはまたそのうちに・・・
- ブラウザ |
- Comments：0 |
- Trackbacks：0 |
- Edit
