6月 16

以前、某大学のWEBサイトに資料請求フォームのスクリプトを納品したことがあるのだが、そこから、
「フォームページが開けない。スクリプトに問題があるのではないか?」と連絡あり。(その指摘をしたのはサーバ納入したリ●ーらしい)
あげく、こっちで対応してくれないか…と。

調べてみると、https://~フォームのURL にアクセスすると、
yoyyaya-1.png

といった、メッセージがブラウザに表示される。
これはどうみてもスクリプトにアクセスする前にブラウザが表示しているメッセージです。ありがとうございました。

Firefox3やSafari3だと、SSLのチェックに引っかかり、ページにアクセスできない。IEやfirefox2だとアクセスできる模様。

調べると、5月の中頃、ベリサインの中間証明書周りがなにやら変更になってるらしい。

現地サーバ内のSSL設定をチェックできないので、具体的にドコが原因か分からないし、対策をチェックしておく。

HYSPRO diary – Debian USB stick install , Firefox 3.0.3 sec_error_unknown_issuerより

SSL3.xやTSL1.0の仕様では、証明書のchainがあるときは、サイト自身が、サイトの証明書だけでなく中間の証明書も送る義務がある(ルート証明書を送るのはオプションで、送ってもセキュリティ的にそもそも意味がない)。Firefoxはこれに厳密にしたがっていてエラーだが、IE7はそうではないうようだ。特に、2007年1月からVeriSignは積極的にchainを使うようになったので、それ以降に発行を受けたサイトでこの問題が散見される。というわけで、Firefoxの問題ではなく、サイト側の設定に原因がある。

2inc.org – VeriSignの中間証明書がFirefoxでエラー(IEはOK)の件より

セキュア・サーバID用中間CA証明書からそのままコピーして貼り付けていたんですけど、何度やってもエラー。IEだとすんなり通りますのですが、Firefox、Operaではアウトです。

いろいろ試した結果、どうやら文字コードが原因のよう。セキュア・サーバID用中間CA証明書はsjisですが、エラーの出るページの文字コードはEUC。セキュア・サーバID用中間CA証明書を一度Terapadにコピーし、EUCに変換後、サーバに保存するとOK。

グローバルサインの SSL 証明書で「Web サイトが未知の認証局により認証されています」がでる問題: Su-Jine の独り言より

サーバによっては中間証明書を 2 度書くとうまくいくといっていたので、中間証明書の内容をコピーし、ペースとして保存。Apache をリスタートすると Firefox でも正常に動作した。具体的には下記のように 2 つ同じものをコピーして保存しただけ。

—–BEGIN CERTIFICATE—–
~~
—–END CERTIFICATE—–
—–BEGIN CERTIFICATE—–
~~
—–END CERTIFICATE—–

他に同じような現象が報告されていないか聞いても、問題は出ていないとのこと。2 つ同じものを書けばうまくいくなんて言うのはわかるわけがない。

中間CA証明書のインストールについて

同じエラーメッセージではないけど、こちらもSSLでエラーがでている。
総務省

www.soumu.go.jp は不正なセキュリティ証明書を使用しています。
発行者の証明書が信頼されていないためこの証明書は信頼されません。
(エラーコード: sec_error_untrusted_issuer)

総務省なのに…こんなんでいいのだろうか。

Popularity: 20% [?]

written by ANN

8月 25

[2008.8.27追記]
どうやら個人的に使っていたFirefoxのテーマが引き起こしていた問題のようです。テーマによっては同様のケースの問題が発生するかも。そんな時はテーマをデフォルトにして確認してみましょう。
たとえばこんなCSS、HTMLがあったとします。

[CSS]

div.box {
width:150px;
height:100px;
border:1px solid #ff0000;
overflow:auto;
}

[HTML]

<div class=”box”>
あいうえお<br />
あいうえお<br />
あいうえお<br />
あいうえお<br />
あいうえお<br />
あいうえお<br />
</div>

これをFirefox3で表示するとこうなる。

border1.png

border-bottomが黒くなっちゃってるー!?スクロールバーの下はちゃんと赤い。なんだこれ?この現象はfirefox3でborder-bottomが設定してあるボックスにoverflow:autoを適用すると起こる。Firefox2.xの時にはこんなことにはならなかったのに…と思って非常に悩んだが、borderの太さを2px以上にしてみてようやく分かった。

border3.png

なるほど、そういうことか!ということで、

overflow-x:hidden

を追記すると…

border3_2.png

無事解決!いやいやいや、そうじゃなくて、確かにxのスクロールバーは有効にはならなくていいけど、これは正しい実装なのだろうか?少なくともfirefox2.xの時はこうじゃなかったと思うんだけどなぁ。border-widthを1pxにしたときでもちゃんと、無効な状態のスクロールバーが表示されていてくれたら、問題の解決も速かったはずだし。

それと、overflow-x(overflow-y)ってIEの独自拡張かと思ってたら、いつのまにかFirefox、Safariでも実装されてたのね。CSS対応状況とかまとめページないかな?探すか…。

ついでにFirefox向けのCSSハックをググったのでメモ。
Firefox 3 CSS hackより

Firefox3 Only
html/**/body div.box, x:-moz-any-link, x:default {…}
Firefox3
div.box, x:-moz-any-link, x:default {…}
Firefox2
div.box, x:-moz-any-link {…}

まとめページもありました。
[参考] Firefox 1.0, 1.5, 3.0 用の CSS ハック

[追記]
coolcodeのborder-bottomが黒いのもoverflow-x:hiddenで解決できるんじゃないかな。

Popularity: 19% [?]

written by joy-pop

6月 22

先日発表されダウンロード数がどうのこうのと話題のFirefox 3。
使えないと大変こまるWeb DeveloperとFirebugその他アドオンが対応しするまで待っておこうとおもってたら、このBlogのAuthorでもあるjoy-popさんから既に対応してるYO!というたれ込みがあったため、早速、Win/Macともに入れてみた。

うん。いいね。見た目もスマートになってるし、WebDeveloper,Firebugともに対応してる。Tab Mix Plusが自動的には入らなかったのでググってからインストール。最新版で使えるようになった。

あと、Google Toolbarを入れておくと、ページ中の英単語をポップアップして翻訳してくれるようになるのでこちらもおすすめ。

窓の杜 – 【NEWS】マウスオーバーで単語翻訳できる「Google ツールバー」v3 日本語版が正式公開

ついでに、僕がいれてるAdd-Onの一覧を載せておきます。
firefoxadd-on.png

Firefox 便利すな~

Popularity: 8% [?]

written by ANN

5月 17

Win/MacのFirefox(手元のバージョンは2.0)にて、HTMLページを印刷する際、コンテンツにFlash(SWF)が含まれていると、その部分がぽっかり空白になって印刷されてしまう。

FirefoxでHTMLと一緒にFlashコンテンツを印刷したいのだが……どうしたらよいものか。
いろいろ調べた結果、
:
:
:
ずばり、対処法はありません。

SafariやIEだと問題ない。

どうもFirefoxの仕様のようです。(バグ?)
Firefox 3はどうなんでしょうか。まだ使ってません。

HTMLはそもそも印刷に向いてない!というのは、制作側の言い分で、ほとんどのオーナーさんは、かなりの確立でHTMLページを印刷してチラシ代わりに使ったり、資料として使ったりする。

CSSのmediaでprintを指定しておけば、印刷時にFlashの代替えを表示することは可能だが、Safari/IEではFlashコンテンツを印刷できるのに、静止画に差し替えるのはもったいない。
Flash(SWF)を印刷できないFirefoxの時のみ、静止画に差し替えたいのだ。

そこで、
・Safari/IEは、通常時(screen)、印刷時(print)ともに、Flashコンテンツをそのまま使用
・Firefoxは、通常時は、Flashコンテンツを使用、印刷時は、代替えのイメージや文字を表示

する方法を考えた。

>>>>>続きを読む

Popularity: 59% [?]

written by ANN

2月 07

Flashのtraceは、パブリッシュした後には確認できないのでデバッグしづらい。そこで、ActionScript中の1フレーム目等に

Actionscript:
  1. import flash.external.ExternalInterface;

と、書いておいて、変数を表示したい場所で、

Actionscript:
  1. ExternalInterface.call("console.log", ActionScript中の変数);

と記述すると、 ActionScript中の変数をFirefox(Firebug)のコンソールに表示できる。
(このままでは使いづらいので、適当な関数でラップしたりして)

ただし、IEおよびFirebugの入ってないFirefoxには、console.logという関数が無いため、undefinedになる。代替えの関数を定義しておくとよろし。

[追記]
たとえば、、、(要prototype.js)

JavaScript:
  1. if (typeof window.console != 'object') {
  2.     // IE nop
  3.     var console = {};
  4.     console.log = function(obj){
  5.         // nop
  6.     }
  7. }else{
  8.     // firefox nop
  9. }

【2009年8月追記】
【デバッグ強化週間】log.asを使ってFirebugのコンソールにデータを出力! | エントリー | _level0.KAYAC
ここで紹介されているlog.asが超便利なので、こっちを使うのをオススメします!

Popularity: 11% [?]

written by ANN