問題タブ [cross-browser]

こんにちは、私はRailsアプリケーションを書いており、いくつかのlink_to_remoteリンクを含めています生成されたコードは

Safari と Firefox では問題なく動作しますが、IE7 と Opera でリンクをクリックしようとしても、サーバーにヒットしません。

ヒントはありますか？

私の問題は、私が作成している Web サイトの一部を表示する際に問題が発生しているユーザーがいるということですが、同じバージョンのブラウザーを使用しても、どのブラウザーでも再現できません。

私が探しているのはおそらく、ユーザーが実行しているブラウザーのバージョンと、インストールされているプラ​​グ、およびページの表示に影響を与える可能性のあるその他の情報を教えてくれる、ユーザーに送信できる Web サイトです。

このようなことを知っている人はいますか？

編集：問題はCSSに関連しています。すべてのテキスト入力の周りに特別な画像が必要ですが、ユーザーのコンピューターでは、背景として設定されている画像の外側にテキスト入力が部分的に表示されます。

特定のユーザーを分離できないため、Google アナリティクスよりもユーザー固有の情報が必要です。また、ユーザーエージェントよりも複雑だと思います。

また、ウェブサイトを公開することもできます。なぜなら、彼らはアイデアが公開されるまで非公開にしたいからです...grr.

ブラウザのDOMに対してC++でプログラミングする場合、各エンジンには異なるインターフェイスのセットがあり、IEにはCOMベースの[MSHTML]（http://msdn.microsoft.com/en-us/library/aa752279 (VS.85).aspxがあります。 ）、MozillaにはXPCOMベースのGeckoDOMなどがあります。

主要なブラウザー（およびバージョン）用のアダプターを備えた一般的なAPIはありますか？

明確にするために、問題のアプリケーションはブラウザと相互作用するC ++で記述されたデスクトップアプリケーションです。現在、IEとMozillaをサポートするために別々のコードベースがあり、ロジックの重複を減らし、より少ない労力で新しいブラウザを追加できるようにしています。 。

具体的な例として、HTML要素のinnerHTMLプロパティを取得することができます。

私の Web サイトと一部のブラウザーでの表示に問題があります。

http://www.karentiede.com

Firefox 2.0 およびその他の多くのブラウザーでは、「コンテンツ」列が左にはみ出して装飾的な境界線の上に表示され、一部のコンテンツが読めなくなります。

ここの Q&A の 1 つは、すべてのページHTML 4.01 Strict DOCTYPEを作成するとすべてのブラウザーが同じように動作するようになる可能性があることを示唆していましたが、その質問は Firefox では逆であり、IE では機能しませんでした。私が試すべき別の/別の修正はありますか?

CSS から:

行動するページのいずれかから：

http://www.browsershots.orgでサイトを確認したところ、多くのブラウザで初期表示がおかしく見えます。1 人か 3 人の (おそらく Firefox の) 読者からテキストが見えないと言われたことがあります。

Web アプリケーションを設計していますが、設計可能な最大サイズ (x と y) を知りたいです。

2008 年 1 月の時点で、ユーザーの約半数が 1024x278 の画面を使用しており、それより小さい画面を使用しているのはおそらく 10% 未満です。(電話とパームトップのユーザーはここでは例外です。) したがって、1024x768 の最小画面サイズ用に設計しています。

ただし、これは画面サイズです。コンテンツをレイアウトするときは、ビューポートサイズを知る必要があります。ほとんどのユーザーがブラウザーを最大化したという証拠がありますが、OS の装飾とブラウザーのクロムのためにスペースを差し引く必要があります。人々はクロムをカスタマイズするので、単一の「正しい」答えはありません。私は、大多数のユーザーに対応できる合理的な範囲を目指しています。

多くの要因があり、均等に分割できるため、960 ピクセルの幅を使用していると言うデザイナーをたくさん見かけますが、これを決定する前に、許容できる最大サイズを知りたいと思います。やや少なく使用することを選択します。960、974、または 990 の最大幅が引用されているのを見たことがあります。

高さを求めるのはさらに困難です。典型的なデフォルトの OS と chrome 設定を使用して、私が試したブラウザーでは、595 ピクセルの垂直ビューポートの高さに収まることがわかりました。しかし、私はあまり多くを試していないので、より信頼できるソースを見たいと思っています. 確かに、他の誰かがこの研究を行い、私よりもうまくやった.

私の本当の質問は次のとおりです: 私が設計できる最大のビューポート サイズはどれくらいで、全ユーザーの 80 ～ 90% にスクロールバーなしで収まると予想されますか?

Firefox 3 と IE7 の両方で動作する jQuery 1.3 アニメーション遷移はありますか?

複数のテーブル行 (25 以上) を持つテーブルがあり、一部の行は非表示になっています (これらの行はすべて共通のクラスを共有しています。この例では ".hidden" です)。テーブル ヘッダーには、非表示の行を表示する関数にバインドされた [もっと表示] リンクがあり.click()、[もっと表示] を [少なく表示] に変更.click()し、反対のことを行う関数に変更します。

各.click()関数には、次のような行があります

「表示を減らす」機能ではwith.show()に置き換えられました。.hide()

.show()ただし、 /.hide()をに置き換えようとすると、有効になるまでに 1 分かかることを除いて.fadeIn()/.fadeOut()、IE はほぼ同じようにレンダリングします。そこには本当のアニメーションはありません。IE では劣りますが、Firefox ではうまく動作します。.show()/.hide().hide()

を使用しようとすると.slideDown()/.slideUp()、IE でも同様にぎこちなく.show()/.hide()、トランジションの完了直後に奇妙なパルス効果があることを除けば、ほぼ同じです。Firefox 3 も同様にチョークします。明らかに、表示されているテーブル行の行幅を忘れて、全体がひどく見えます。

では、アニメーションは IE7 ではうまくいかないのでしょうか? この場合、両方のブラウザで機能する、優雅でスムーズな移行を実現する方法はありますか?

「生の」swf ファイルをブラウザに提供する必要がある場合があります。つまり、埋め込みなしです。IE でこれを機能させるのにいくつか問題がありましたが、なんとか回避できました。今まで。ドキュメントの提供に関するその他の問題を修正しており、副作用として Flash ファイルが IE で動作しなくなりました。Flash はブラウザーの表示領域を制御します (IE:s の代わりに Flash コンテキスト メニューが表示されます) が、Flash ファイルはレンダリングされません。

何が変更されて機能しなくなったのかわかりません。それを機能させるための回避策は、真の試行錯誤の努力であったためです. (私たちは、この問題の根底にあるものを完全には理解していません。)

以前のバージョンのシステムでは、Flash ファイルは正常にレンダリングされます。Flash Player 9 および 10 でテストしましたが、違いはありません。

私は完全に立ち往生しています。どこで掘ってみることができるか、誰にも手がかりがありますか?

編集: MatthieuP と Kristian J のアドバイスに従って、それが何であるかを知りました。ヘッダーそのものではありませんでしたが、ヘッダーを確認するために使用したプロキシにより、興味深いことが明らかになりました**:

IE が埋め込まれていない swf を取得すると、ファイルが 2 回要求されます(ActiveX コンポーネントが埋め込みコードを含む HTML ドキュメントを作成し、そのドキュメントからもファイルが要求されると思います)。

システムへのファイル要求が成功するには、有効なワンタイム トークンが必要なため、この重複したフェッチは問題を引き起こします。2 番目の要求では失敗する運命にあります。

回答ありがとうございます。あなたはそれを試してみるために私からそれぞれ+1を得ました.

top.document に依存する JavaScript を書いていますが、すべての主要なブラウザーがそれをサポートしていると仮定できるかどうかはわかりません。

top.document はクロスブラウザ対応ですか?