問題タブ [browser-bugs]

クライアントから報告されたバグを再現しようとしています。これは、JS/DOM の解析が非常に遅いために IE に表示される「このスクリプトの実行が遅い」という通知です。

これは、私の仮想ボックス IE6 (クライアントには IE6 があります) では発生せず、私が持っているテスト マシン (いくつかの mac mini ) でも動作しません。

ただし、多くの JS が発生し、XHR を使用して取得された後に処理される HTML が多く、さらにその後に追加された DOM 要素に対して多くの JS が動作していることは保証できます。スクリプト全体を投稿することはできませんが、問題を簡単に追跡できると確信していますが、これを再現して最適化を試したいと考えています。

これは非常に知名度の高いクライアントであるため、電話や IM に出て話をすることはできません。このバグを再現するためにマシンの速度を落とす方法はありますか? それとも、クライアントのコンピューターの仕様を尋ねることに固執し、問題を再現する可能性が高い古いコンピューターにアクセスしようとする必要がありますか? または、ブラウザカムのようなものを使用しますか?

私が考えたもう1つのアイデアは、JSをさらに動作させることで、問題を解決してコードを最適化し、追加のコードを使用してもスクリプト通知エラーを投稿しないようにすることです。

アドバイスをいただければ幸いです。

次のコード ブロックを実行すると、typeof(hiya) = stringIE7/8 の出力中に FF と Chrome が出力されますtypeof(hiya) = undefined。

次のそれぞれが問題を解消します。

• すべてを 1 つの<script>ブロックにまとめます。
• ifブロックの取り外し。
• var hiya = 1に改名var hiya2 = 1。
• var hiya = 1に改名window.hiya = 1。
• var hiya = 1に改名hiya = 1。

何が起こっている？IE にスコーピング バグはありますか?

序文：この質問が姉妹サイトに投稿されるべきだった場合は申し訳ありません。現在、SOの管轄下にあるものが何であるかを判断するのは困難です。

問題：連続する<div>要素に問題があります。時々 、それらの間に魔法のパディング/マージンがあり、その理由がわかりません。

IE7マジックパディングバグhttp://img689.imageshack.us/img689/6239/ie7bug.png

ご覧のとおり、コンテナのヘッダーdivと本体divの間にスペースがあります。私のDOM/CSSがどのように設定されているかを説明しましょう。

HTML

シンプルなコンテナ/子divのセットアップ、特別なことは何もありません。

CSS

トップキャップ：

体：

ご覧のとおり、非常に単純なCSSでもあり、過度に凝ったものはありません。<div>本体の中には、このdivと同じ原理に従った別の一連のアイテム（コンテナdiv、積み重ねられた子）があります。このような奇妙なパディングは表示されません。

私はIE9の開発者ツール（IE7標準が有効になっている）を使用してDOMを検査し、これを引き起こしている可能性があるものを確認しました（マージンが上部を押し上げるなど）

あなたがここで見ることができるように：

ボディハイライトhttp://img844.imageshack.us/img844/3448/ie7bug01.png トップハイライトhttp://img192.imageshack.us/img192/46/ie7bug02.png

divの境界はそのままで、正しいです。

結論これは非常に奇妙なバグです。以前のデザインで見たのですが、そこでも理解できませんでした。これは、私がこれまでこのプロジェクトで遭遇した唯一のIE7移行の問題です。私の知る限り、私はHTML標準に非常に近いものを使用しています（IEは場合によってはそれらを尊重しない傾向があることは知っていますが、計画ではこれを可能な限り正しく行うことです）。

あなたへの質問：

• これを引き起こす可能性のあるものを探す必要がありますか？
• 私は何か間違ったことをしていますか？もしそうなら、どうすればそれを修正できますか？
• これを行うためのより簡単でより良い方法はありますか？
• 私が見逃している明らかなものはありますか？

また

説明や詳細情報が必要な場合は、コメントに残してください。私がそれらを見つけたら答えます。（金曜日の遅い時間にこれを投稿します：o）。

私はサイトを持っています：http ： //www.sucramma.dk FF、Chrome、またはSafariを使用している場合、サイトは正常に表示されますが、IEではサイトは左揃えで実行されており、癖があります。モード。なんで？Doctypeが設定されました！

私の問題を説明するより良い方法がわかりません。次の JS コードを数回繰り返しています。

注意:これは生成されたコードです。これは、不適切な書式設定 (長い行や多数のリテラルなど) がある理由を説明しています。マーカーはいくつかの理由でグローバル変数に保存されます。「グローバル変数は悪のマントラです」と続ける必要はありません、ありがとう。

では、どこに問題があるのでしょうか。

上記のコードを 2 つ以上使用してページを数回実行した後、Firebug で多くの 404 エラーに気付き始めました。そのうちの 1 つは次のとおりです。

「NetworkError: 404 が見つかりません - http://www.MYWEBSITE.com/user/holiday-planner/%5C%22http:%5C/%5C/www.MYWEBSITE.com%5C/wp-content%5C/uploads% 5C/2011%5C/04%5C/ヘレスポント」

以下に、注意すべき重要な点をいくつか示します。

• 画像はどこにも参照されていません。
• 画像を含む HTML は完全に機能します (呼び出された場合)。
• 404 エラーの画像 URL が間違っています。これは、ユーザーがいる現在のページ ( http://www.MYSITE.com/user/holiday-planner/5-marsascala-zejtun-marsaxlokk-birzebbugia) を基準にしています。
• JavaScriptの部分から、コードは適切にエンコードされているようで、JSエラーはまったく発生しません。
• CDATA を使用してみましたが、役に立ちませんでした。繰り返しになりますが、私は CDATA のがらくたが好きではないので、それは良いことです。
• これを Firefox 3.6 でテストしています。数分で他の人にも試してみます... Chrome と Safari はこの問題の影響を受けないようです。

Browser Mode:IE9 でのみ発生する問題があります。

ブラウザ モードを他のブラウザに切り替えると、正常に動作します。

このページにたどり着くと、そこに CSS があり、すべて問題ないように見えます。ただし、CSS を更新すると、スタイルが失われます。サイトの他の場所をクリックしても、CSS はそのままです。これは、ローカルでホストされている私のサイトでのみ発生します。

一致する文字列の終わりの始まりを示す^（サーカムフレックス）文字と$（通貨またはドル）文字を含まない例をほとんど見ました。しかし、html5仕様ではこれに関して何も見つかりませんでした。それらはパターンに暗黙的に含まれていますか？html5仕様では、それらは暗黙的であると述べられています。

コンパイルされたパターンの正規表現は、文字列と照合する場合、その開始を文字列の先頭に固定し、その終了を文字列の末尾に固定する必要があります。これは、この属性に使用される正規表現言語がJavaScriptで使用されるものと同じであることを意味しますが、パターン属性がサブセットだけでなく値全体と照合される点が異なります（最初に^（?:を意味するかのように）パターンの）と最後の）$）。

type = "text"入力では、パターンはどちらの形式でも正常に機能しますが、type = "tel"入力では、正規表現が期待どおりに機能するように文字を削除する必要がありました。OperaとFirefoxの両方でテストしました。

これはブラウザのバグですか？bugzillaなどでバグを報告する必要がありますか？

編集：縮小されたテストケースを作成できないため、奇妙なバグに遭遇したようです。ページへの単純な入力では、上記の動作は示されません。ただし、問題は残ります。私はすべきですか、それともダーン^と$アンカーを使用すべきではありませんか？

ブラウザーは同じ名前の複数の関数宣言をどのように処理しますか?

特定のテスト ケースは以下のとおりです。注: サーバー スクリプトが同じ名前で複数の関数宣言を作成することを許可する意味がないことはわかっていますが、興味深いので、回答する前にこれを理解してください。これは純粋に行動研究のためのものです。

当社の CMS は、単一の「ウィジェット」の複数のインスタンスを作成します。

そして

サーバーがこのウィジェットの複数のインスタンスを含むページをレンダリングするとき、ブラウザーはどの JavaScript 関数が使用されているかをどのように判断しますか? それぞれに個別のオブジェクト(関数)を実際に作成するブラウザはありますか?

ありがとう、j

HTML5ファイル（http://jsfiddle.net/Jbfw2/）に次のインラインSVGコードがあります。

このコードは、SafariとFirefoxで正しい結果を生成します。ただし、Chromeはすべての垂直線を表示するわけではありません。X方向ではなくに変換holder1すると、Chromeは垂直線を正しく表示します。54.5

これがバグかどうか誰かに教えてもらえますか？