― MozillaZine.jp フォーラムは Mozilla 製品に関する情報交換の場です ―



All times are UTC + 9 hours

新しいトピックを投稿する トピックへ返信する  [ 28 件の記事 ]  ページ移動 1, 2  次へ
作成者 メッセージ
投稿記事Posted: 2018年9月09日(日) 17:23 
windows10 pro で Firefoxを62.0にアップデートしたところ、http://www.orange-book.com/のサイトの表示が正しく表示されなくなりました。メニューバーの 表示 ー スタイルシート ー 標準スタイルシート を選択すると正しく表示されるのですが、画面が変わると再び表示が崩れて、使い物になりません。(標準スタイルシートの選択が外れてしまいます)61.0.2では正しく表示されます。
このサイトでは標準スタイルシートの下に文字サイズ小 文字サイズ中 文字サイズ大の項目が表示されます。(他のサイトでは表示されません)この辺りの処理に問題があるのか、それとも、サイト側の記述の問題なのか、後学の為61.0.2と62.0でどこが問題となっているのかが分かる方がおられましたらご教示下さい。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:62.0) Gecko/20100101 Firefox/62.0


通報する
ページトップ
  
引用付きで返信する  
投稿記事Posted: 2018年9月10日(月) 02:39 
オフライン

登録日時: 2008年5月26日(月) 01:41
記事: 1345
お住まい: 冥府
* 動作確認環境|オレンジブック.Com - 工場・作業現場のプロツール総合サイト

完全にWindows標準のサイトです。
要望が有ればサイト側に連絡を。

_________________

*Windows 10 21H1 64bit/*GoogleJapaneseInput:ATOK2017:MS-IME
Firefox 95.0:Beta 96:Developer Edition 96:Nightly 97.0a1:
Thunderbird 91.4.0:Earlybird 96:Daily 97.0a1:SeaMonkey 2.53.10/2.58a1:
Opera 82.0.4227.23:Google Chrome 96.0.4664.93/98.0.4756.0(Official Build)canary:
SRWare Iron 96.0.4900.0:Lunascape 6.15.2:Avant Ultimate 2020 build 3, 3.17.2020
Mozilla/5.0 (Windows NT 10.0; WOW64; rv:64.0) Gecko/20100101 Firefox/64.0

通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2018年9月10日(月) 21:41 
>完全にWindows標準のサイトです。

>要望が有ればサイト側に連絡を。

よく知らないのでお教え下さい。
「Windows標準のサイトはFirefoxでは正常に表示されない」のですか?

_________________
Mozilla/5.0 (Macintosh; Intel Mac OS X 10.13; rv:62.0) Gecko/20100101 Firefox/62.0


通報する
ページトップ
  
引用付きで返信する  
投稿記事Posted: 2018年9月10日(月) 23:13 
オフライン

登録日時: 2014年2月22日(土) 00:59
記事: 4055
aides さんのコメントはちょっと言葉足らずだと思いますので補足しますね。

オレンジブック.Com サイトの動作確認環境のページ http://www.orange-book.com/other/obwck50060/index を見ますと
引用:
本サイトは、以下のOS環境とブラウザで動作確認を行っています。

OS : Windows 7 / 8.1 / 10
ブラウザ : Internet Explorer 11 / Microsoft Edge

※上記推奨環境下であっても、お使いのOS、ブラウザの設定によってはご利用できない、もしくは正しく表示されない可能性がございます。
※64bit環境ではご利用頂けません。利用される場合は、こちらをご確認ください。
と記載されています。

つまり、上記推奨環境のIE11かEdgeでしか動作確認していないのでサポートしないというわけです。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2018年9月12日(水) 14:28 
オフライン

登録日時: 2017年10月23日(月) 07:13
記事: 4
aides さんの返答、EarlgreyTeaさんの解説をまとめると、

Windows7/8.1/10 の IE 11かEdge 以外は動作確認していないと書いてある。
これをWindows標準サイトという。
だから Firefox で正常に表示されないのは当然だ。

ということですね。ああそうなんですか、としか言えませんが、最初のトトの助さんの質問はスタイルシート関連の記載があるのですがそれに対する答えはないようです。
ここはFirefoxのフォーラムなので、「Firefoxのスタイルシートの処理に問題があることがわかった」とか、だからバグレポートや改善提案を出そうとか、いやIE向けの方の記述のしかたが独特で業界標準でないとか、そういう発言や議論が盛り上がっていくのが本来の望ましい姿なのだろうと思います。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:61.0) Gecko/20100101 Firefox/61.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2018年9月12日(水) 19:42 
オフライン

登録日時: 2014年2月22日(土) 00:59
記事: 4055
どうも話に齟齬があるようなので…

「Windows標準サイト」というのは aidesさんの表現でして、そのような用語はないかと思います。
また、「Firefox で正常に表示されないのは当然」などとは申し上げておりません。
サイト側のサポートスタンスが記載してる旨をお伝えしただけです。

現象の発生原因を突き止めるにはいろいろ調べねばなりません。
ぱっと見の印象で申し上げるならば、スタイルシートの適用タイミングに関係しているように思います。
ページの表示が完了後にブラウザから改めてスタイルシートを指定すると正常に適用されますので。

技術的に気づかれた点がありましたらどなたでも大歓迎です。
情報共有していきましょう。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2018年9月12日(水) 22:57 
ご意見ありがとうございます。
この度の投稿は2jaipdさんが指摘下さったような返事を期待してのものでした。投稿時に動作対象の記載がある旨を書いておけば良かったですね。動作対象の件は把握済みです。ですのでサイトに対応を依頼するとか、そういったことではなく、62にバージョンを更新すると正しく表示されなくなったのは何故なのか?を知りたいのが第一です。Firefoxのメニューバーの表示-スタイルシートに文字サイズ大、中、小の選択項目がでるサイトを見つけることができれば比較することが可能かな?と思ってはいるのですが、なかなかめぐり会えないでいます。
すこし話がそれますが、EdgeとFirefoxでサイトの記述によるスタイルシートの処理方法にそんなに違いがあるのでしょうか?
IEの時は独特といっても良いような違いがありましたが・・・

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:62.0) Gecko/20100101 Firefox/62.0


通報する
ページトップ
  
引用付きで返信する  
投稿記事Posted: 2018年9月13日(木) 02:15 
オフライン

登録日時: 2008年5月26日(月) 01:41
記事: 1345
お住まい: 冥府
該当するサイトは「.">XHTML 1.0 Transitional
」で記述され、問題と為りそうなCSSは以下の三つ。

base.css
custom.20130724.css
layout.20150313.css

他は印刷用と文字の大きさに関するもの。
基本的にはHTMLとCSSの記述に深刻な問題は確認出来ません。

* [Invalid] Markup Validation of http://www.orange-book.com/ - W3C Markup Validator
* CSS 検証サービス検証結果 http://www.orange-book.com/ (CSS レベル 3 + SVG)

サイト側に問題が在るとしたらサイト側に報告し、Firefox側だと思うならヘルプからフィードバックするのが最善です。

_________________

*Windows 10 21H1 64bit/*GoogleJapaneseInput:ATOK2017:MS-IME
Firefox 95.0:Beta 96:Developer Edition 96:Nightly 97.0a1:
Thunderbird 91.4.0:Earlybird 96:Daily 97.0a1:SeaMonkey 2.53.10/2.58a1:
Opera 82.0.4227.23:Google Chrome 96.0.4664.93/98.0.4756.0(Official Build)canary:
SRWare Iron 96.0.4900.0:Lunascape 6.15.2:Avant Ultimate 2020 build 3, 3.17.2020
Mozilla/5.0 (Windows NT 10.0; WOW64; rv:64.0) Gecko/20100101 Firefox/64.0

通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2018年9月13日(木) 09:11 
オフライン

登録日時: 2014年2月22日(土) 00:59
記事: 4055
本トピックの事例は、代替スタイルシートが設定されているサイトだから起きてる一般的な問題というより、「オレンジブック.Com」というサイト特有の事例といってよいかと思います。
そして、CSSの記述方法、文法といった静的な問題でもないと思います。
もし静的な問題なら、ブラウザから代替スタイルシートを選択しても同じ問題が発生するはずです。

本件は外部スタイルシートの読み込みやJavaScriptによるスタイルシート切り替えなどの動的な問題であると見ています。
Firefox 62の場合に、開発ツールのインスペクタで確認すると、少なくとも base.css、custom.20130724.css の2つは全く適用されていないことが確認できます。
font_medium.css はデフォルトで適用されています。

また、aides さんご指摘の「XHTML 1.0 Transitional」も気になるところです。
ソースを見ると IE6 対応の箇所も見て取れ、言葉は悪いですがかなり時代遅れの印象を受けます。

繰り返しになりますが、現象の発生原因を突き止めるにはいろいろ調べねばなりません。
簡単に答えが出ると思わないでください。
そういう意味ではサイトを好きにいじることができるサイト運営に問い合わせするのも一つの方法です。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2018年9月13日(木) 11:33 
オフライン
Moderator

登録日時: 2011年4月06日(水) 10:16
記事: 1905
お住まい: Tokyo
EarlgreyTea さんが書きました:
ソースを見ると IE6 対応の箇所も見て取れ、言葉は悪いですがかなり時代遅れの印象を受けます。


引用:
推奨OSおよびブラウザについて

本サイトは、以下のOS環境とブラウザで動作確認を行っています。

OS : Windows 7 / 8.1 / 10
ブラウザ : Internet Explorer 11 / Microsoft Edge

※上記推奨環境下であっても、お使いのOS、ブラウザの設定によってはご利用できない、もしくは正しく表示されない可能性がございます。

※64bit環境ではご利用頂けません。利用される場合は、こちらをご確認ください。


今どきこんな条件のサイトを作ってるって、手抜きというか、周りが見えていないというか、ほぼほぼあり得ないですね。

_________________
[Desktop] Windows 10 pro (64bit) / 16GB RAM
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:62.0) Gecko/20100101 Firefox/62.0

通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2018年9月13日(木) 17:09 
横から失礼します。
(昨日投稿しようとしたとき、スパム判定されて投稿できなかったため、具体的な記述を省いて文面を書き直しました。)

(前提)
スタイルシート(CSS)は、サイト側が用意し、アクセスしてきたブラウザに対して、「このスタイルを使ってくれ」と指示を出します。ブラウザはその指示に従ってべージ画面をレンダリングして表示します。
スタイルまわりの指定はいくつかの方法があり、サイトによって使っている方法が異なります。

(既出情報から推測できる事柄)
「61.0.2では正しく表示されます」ということから、Firefox 62.0 で追加・修正・削除された何かしらの条件が、当該サイト(orange-book.com)の表示に影響している可能性は高いと思われます。
(参考)
・Firefox 62 サイト互換性情報
www.fxsitecompat.com/ja/versions/62/

この場合、2つの方向性が考えられると思います。
(a)Firefox 62.0 で入った変更に間違いがあったケース。この場合は、Firefox 側のバグということになります。以後のバージョンで修正されなければなりません。
(b)Firefox 62.0 で入った変更に間違いはなく正しく反映されたケース。この場合は、当該サイトの既存ソース(HTML 、CSS、 JavaScript 等の関連)が変更内容にかみ合わなくなり、Firefox 62.0 では不適切な表示や動作になっていることになります。通常、サイト側の修正で問題は解決されます。

ここで、とくに(b)の要件に大きく影響してくるのが、aides さんと EarlgreyTea さんからご指摘がある点です。
推奨環境が Microsoft のブラウザだけ(=他のブラウザは考慮しない)というサイトは他にもありますが、こうしたサイトは推奨ブラウザで正常に動作・表示することを目標に作られているので、他のブラウザの事情が考慮されることはほとんどありません。
単純なページ閲覧だけなら、たいていのブラウザで大過なく表示できると思いますが、サイト側の提供するソースが特定のブラウザ向けに特化されていればいるほど、それ以外のブラウザでは些細な変更でも正しく動作・表示しなくなることがあります。

一方、Firefox 62.0 でも、当該サイト以外では問題なくサイト側が指示したスタイルで表示されるのなら、Firefox 62.0 で入った変更が Web サイト全般に影響している可能性は低く、当該サイトの特殊性の方に問題がある可能性が高くなります。

Firefox は、「Web 標準」を標榜して開発されています。過去の遺産的なものや、他のブラウザとの当面の互換性のために、非標準な仕様が残っている部分はありますが、バージョンアップごとに「Web 標準」に則った方向性で修正がおこなわれるようになっています。
粗っぽい言い方になりますが、Firefox 61.0.2 までは残っていて、62.0 で修正または削除された非標準な要素があった場合、サイト側がその非標準な仕様のソースを投げてきても、Firefox 62.0 ではそれに反応しないようになります。

上記 Firefox 62.0 の変更点をふまえ、とくにスタイルシートの提供方法に関する当該サイトのソースを詳しく調べてみると、具体的なことが見えてくるかもしれません。(現在のぼくには、そこまでやる余力はありませんが......。)

トトの助 さんが書きました:
このサイトでは標準スタイルシートの下に文字サイズ小 文字サイズ中 文字サイズ大の項目が表示されます。(他のサイトでは表示されません)この辺りの処理に問題があるのか、それとも、サイト側の記述の問題なのか、

Firefox の [表示] -> [スタイルシート] に、文字サイズの大・中・小が表示されるのは、サイト側でそのようなスタイルを提供している場合に表示されるものです。サイトによっては、複数の切り替え用スタイルを提供しているところもあります。
(一例)forum.mozilla.gr.jp

こうした表示自体は普通にあることなので、orange-book.com のサイトだけが特別だとはいえません。しかし、どういうソース群の構成でその機能を提供しているかによっては、ご質問のようなことが起こる可能性はあると思います。

とりあえず以上です。的外れな話だったらすみません。

(余談)
本題ではありませんが、気になる点があったので......。
当該ページ(トトの助 さんがご提示の URL)は、ログインフォームを持っていて、[ログイン] のドロップダウンから ID や パスワードを入力して、そのページからクイックログインできるようです。(ぼくは登録ユーザーではないので、実際にログインの動作を試したわけではありませんが...。)
問題は、それが http のアクセスで可能になっていることです。最新の Firefox や Google Chrome などのブラウザでこのクイックログインを使用する際には、セキュリティの警告が出ると思います。
ただし、単純に [ログイン] ボタンを押せば、https のログイン専用ページに遷移します。トップぺージも https でのアクセスは可能です。当該サイトの登録ユーザーは、https でログインするほうがいいでしょう。


(おことわり)
現在、健康上の制約により不定期な書き込みしかできなくなっています。すぐに応答できない場面がかなり多くなりますことを、ご容赦ください。

_________________
Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:62.0) Gecko/20100101 Firefox/62.0


通報する
ページトップ
  
引用付きで返信する  
投稿記事Posted: 2018年9月14日(金) 02:02 
オフライン

登録日時: 2014年2月22日(土) 00:59
記事: 4055
User-Agent を Chrome のものに変更したところ、http://www.orange-book.com/ サイトが無事にスタイルシート適用されて表示できました。

おそらく 犯人は http://image.orange-book.com/web/js/styleswitcher.js の Styleswitcher.switchStyle メソッドかと。
考え方が逆で、webkit を特別扱いするんじゃなくて、古いIE を特別扱いすべきでしょうね。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2018年9月15日(土) 00:29 
オフライン

登録日時: 2014年2月22日(土) 00:59
記事: 4055
User-Agent はそのままで、デバッガで変数 isWebKit に true を入れてやるだけで正常に表示できましたので、犯人確定です。

もしかして、このスクリプトが他でも使われてるんじゃないかとちょっと気になって、styleswitcher.js というファイル名でググってみました。
それでヒットするのは下記サイトで公開しているスクリプトです。

Alternative Style: Working With Alternate Style Sheets · An A List Apart Article
↑ページの下の方にある Download styleswitcher.js のリンクからダウンロードできます。

このスクリプトは現在の大抵のブラウザで動作するし、汎用の関数です。

それに対して、本トピックで問題となっているスクリプトは、ファイル名こそ同じですが全く別のものです。
ひとまず安心しました。

ちなみにコピーライトは ZYYX Inc. <http://www.zyyx.jp/> となっています。


トトの助 さん
トトの助 さんが書きました:
それとも、サイト側の記述の問題なのか
原因が判明しましたので、問題のサイトに問い合わせしてみて改善をお願いしてみたらどうでしょう。

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:60.0) Gecko/20100101 Firefox/60.0


通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2018年9月15日(土) 02:33 
オフライン

登録日時: 2008年5月26日(月) 01:41
記事: 1345
お住まい: 冥府
jsとは此れ又盲点ですな。

_________________

*Windows 10 21H1 64bit/*GoogleJapaneseInput:ATOK2017:MS-IME
Firefox 95.0:Beta 96:Developer Edition 96:Nightly 97.0a1:
Thunderbird 91.4.0:Earlybird 96:Daily 97.0a1:SeaMonkey 2.53.10/2.58a1:
Opera 82.0.4227.23:Google Chrome 96.0.4664.93/98.0.4756.0(Official Build)canary:
SRWare Iron 96.0.4900.0:Lunascape 6.15.2:Avant Ultimate 2020 build 3, 3.17.2020
Mozilla/5.0 (Windows NT 10.0; WOW64; rv:64.0) Gecko/20100101 Firefox/64.0

通報する
ページトップ
 プロフィール  
引用付きで返信する  
投稿記事Posted: 2018年9月15日(土) 16:30 
みなさんの調査で問題点が明らかになってきましたが、「Firefoxのバージョンがあがってからおかしくなった」ことはどのように説明できるのでしょうか?Firefoxの側の仕様変更がなにかあったのでしょうか?

_________________
Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:62.0) Gecko/20100101 Firefox/62.0


通報する
ページトップ
  
引用付きで返信する  
期間内表示:  ソート  
新しいトピックを投稿する トピックへ返信する  [ 28 件の記事 ]  ページ移動 1, 2  次へ

All times are UTC + 9 hours


オンラインデータ

このフォーラムを閲覧中のユーザー: なし & ゲスト[58人]


トピック投稿:  可
返信投稿:  可
記事編集: 不可
記事削除: 不可
ファイル添付: 不可

検索:
ページ移動:  
Powered by MozillaZine.jp® Forum Software © phpBB Group , Almsamim WYSIWYG
Japanese translation principally by ocean