問題タブ [cross-browser]

I have the following script, where the first and third document.writeline are static and the second is generated:

Firefox and Chrome will display before, during and after, while Internet Explorer first shows during and only then does it show before and after.

I've come across an article that states that I'm not the first to encounter this, but that hardly makes me feel any better.

Does anyone know how I can set the order to be deterministic in all browsers, or hack IE to work like all the other, sane browsers do?

Caveats: The code snippet is a very simple repro. It is generated on the server and the second script is the only thing that changes. It's a long script and the reason there are two scripts before and after it are so that the browser will cache them and the dynamic part of the code will be as small as possible. It may also appears many times in the same page with different generated code.

よく知られているロギング ライブラリの JS 名前空間を検査する「ユニバーサル」デバッグ ロギング機能を作成したいと考えています。

たとえば、現在、Firebug の console.log をサポートしています。

明らかに、これは Firebug がインストール/有効化されている場合にのみ Firefox で機能します ( Firebug Liteを使用する他のブラウザーでも機能します)。基本的に、どの環境に引っ張られるかわからない JS ライブラリを提供します。デバッグ出力をユーザーに報告する方法があるかどうかを調べたいと思います。

したがって、おそらくjQueryは何かを提供します-jQueryが存在することを確認して使用します。または、私がスニッフィングできるよく知られた IE プラグインが動作する可能性があります。しかし、それはかなり確立され、使用されているメカニズムでなければなりません。人々が作成するあいまいなログ機能をすべてチェックすることはできません。

回答ごとにライブラリ/テクノロジを 1 つだけ指定してください。また、alert() の使用は短期的な解決策としては優れていますが、堅牢なデバッグ ログが必要な場合や、実行のブロックが問題になる場合はうまくいきません。

(主要なブラウザで実装されている) XHTML の有効な自己終了要素 (<br/> など) はどれですか?

XHTML では技術的に任意の要素を自己クローズできることは知っていますが、すべての主要なブラウザーでサポートされている要素のリストを探しています。<div /> などの自己終了要素によって引き起こされる問題の例については、 http://dusan.fora.si/blog/self-closing-tagsを参照してください。

私は近い将来、Ajax スタイルのクライアント側 JavaScript コードを作成する準備をしています。この領域に関しては、jQuery の絶賛を聞いています。私が疑問に思っているのは：

• クロスブラウザの JavaScript ライブラリには、どのようなものがありますか?

それらを使用した経験は何ですか？

Javascript と CSS を使用して回転する画像フェーダーを作成し、画像を表示してアンロードしました。私は透明な PNG を使用したかったのですが、IE 6 で見栄えが良いかどうかは期待も気にもしませんでしたが、IE 7 と 8 はそれらを同じ軽視で扱いました。Firefox やその他の最新のブラウザーは素晴らしく見えました。
その中のすべての写真image.filter = alpha(opacity=xxx)は、透明度の一部に圧縮または何かからの残留ノイズがあるように見えます。私が写真に何をしても、そこにはまだ何かがあります。

JPG を白い背景に配置し、GIF を使用することで回避策を実行しました。
また、これが実際に IE のバグであるかどうか教えてもらえますか?

フォームのテキスト ボックスに入力した内容を保存するように Web ブラウザを設定しています。ブラウザのテキスト ボックスに多くの検索用語が保存されており、これらの値をクリアする前に何らかのプログラムを介して検索したいと考えています。一度に 1 つずつ調べるには多すぎます。

Web ブラウザはこのデータをどこかに保存する必要があります。これらの値を取得することは可能ですか? Firefox、IE よりもそうですが、これらの値を抽出できるスクリプトを知っている人はいますか? ありがとう。

たとえば、複数の引数タイプを受け入れるように設計された関数を書いていたとしましょう。

is_dom_elementクロスブラウザでかなり正確に機能するように実装するための最良の方法は何ですか？

1年間私を悩ませてきた質問があります。根本的な問題は、要素のサイズをその親に対して相対的に設定して、すべてのエッジから N ピクセルだけ挿入されるようにするにはどうすればよいかということです。幅を設定するのはいいことですが、親の幅がわからず、ウィンドウに合わせて要素のサイズを変更したい場合。(特定のピクセル数が必要なため、パーセントは使用しません。)

編集 また、コンテンツ (またはコンテンツの欠如) が両方の要素を引き伸ばしたり縮小したりしないようにする必要があります。私が得た最初の答えは、親にパディングを使用することでした。これはうまく機能します。親の幅を正確に 25% にし、ブラウザーのクライアント領域とまったく同じ高さにし、子がそれを押してスクロール バーを取得できないようにします。/編集

{top:Npx;left:Npx;bottom:Npx;right:Npx;} を使用してこの問題を解決しようとしましたが、特定のブラウザーでのみ機能します。

ページのサイズが変更されるたびにすべての要素を修正するために、jquery を使用して JavaScript を記述できる可能性がありますが、その解決策には満足していません。(上部を 10px ずらして、下部を 5px だけオフセットしたい場合はどうすればよいでしょうか? 複雑になります。)

私が知りたいのは、これをクロスブラウザーの方法で解決する方法、または簡単な CSS ソリューションを可能にするブラウザーのリストです。誰かがこれを簡単にするトリックを持っているかもしれません。

私はこれで髪を失っています... HTML SELECT コントロールの幅を修正すると、ブラウザによって幅が異なるようにレンダリングされるようです。

複数のスタイルシートに頼らずにこれを標準化する方法はありますか?

これが私が取り組んでいるものです：

これは、ページのドキュメント タイプです。

奇妙なクロスブラウザフラッシュの問題が発生しています。下のスクリーンショットをご覧ください。私は以前にこの振る舞いを見たことがありますが、原因が何であったか思い出せません。誰かがこれが起こる理由と、それを修正するために私が取ることができる可能な行動を教えてもらえますか？