問題タブ [browser-bugs]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - クリック イベント ハンドラが起動する前にチェックボックスの状態が変わるのはバグですか?
別の質問に答えているときに、非常に奇妙な動作だと思われるものに遭遇しました。これはバグと見なすべきなのか、それとも仕様のどこかにあるのか疑問に思っています。
この動作は、このjsFiddleで確認できます。
次の入力チェックボックス要素があるとします。
次のクリック イベント ハンドラーを適用するとします (例を簡潔にするために、ここでは jQuery を使用します)。
開発者コンソールに次のように表示されます。
ここで実際に起こっていることは、クリック イベント ハンドラーに入る前に、チェックボックスの状態が変化していることです。ただし、クリック イベント ハンドラーが既定のアクションを防止する場合、チェックボックスの状態はrevert になります。
これは私にはバグのようです。デフォルトのアクションが妨げられていない場合、チェックボックスの状態はクリックイベントハンドラーの後にのみ更新されると思います。
これはバグですか?これは、別のブラウザー ディストリビューターに報告する必要がありますか?
(現在、これはChromeでのみテストしています)
javascript - エラスティック スクロールがバウンス中に DOM が変更されると、スクロール位置がジャンプする
OS X では、ユーザーがビューポートを越えてスクロールでき、ブラウザーがページをバウンスします。
ユーザーとして、私はこの効果を気に入っていますが、残念なことに私たちの Web サイトにバグが発生します。
ユーザーがページの下部にある大きな「次の記事」バナーをクリックすると、次の記事が読み込まれ、ページのほとんどの DOM が置き換えられます。これが発生すると、スクロール位置を一番上にリセットします。
これは通常うまくいきます。ただし、エラスティック スクロールによりブラウザがページをバウンスしているときに、ユーザーが「次の記事」をクリックすると、scrollTo
正しく動作しません。DOM の大部分を置き換えてスクロール位置をリセットした後、バウンス効果からのいくつかの残りのイベントが「到着」し、ゼロにリセットされた後、スクロールが 1 つまたは 2 つ下の画面にジャンプするようです。
ブラウザーを強制的に最初までスクロールさせ、残りのバウンス イベントを無視するにはどうすればよいですか?
これは WebKit で発生します。
jquery - Chrome でマウス ホイールを使用したページ セクションのスクロールが機能しない
この効果を自分のサイトで使用したいのですが、このコードは Firefox でしか機能しません。何が問題なのかわかりません、助けてもらえますか?
css - Safariでdivが重なるCSS変換?
transform:rotateY();
Safari でのみ div が重複するのはなぜですか? よりよく説明するためのスクリーンショットを次に示します...
それはどのように見えるべきですか:
本来あるべきではないもの (Safari でのみ発生):
これは非常に奇妙な動作です。その後transform:rotateY();
、コード全体から を削除しましたが、なぜこれが起こっているのかについて正当な混乱を引き起こします。
元のプログラムのコード スニペットを次に示します。
Safari ユーザーは、#watchBelt スタイルをよく見てください (#watchBelt にも関連するコードのスニペットの CSS コード ブロックの上部を見てください)。#watchBelt コードは次のとおりです。
私はこれを IE または Edge でテストしていません。ありがとうございました :)
browser-bugs - ブラウザのバグを処理するには?
私は常にブラウザのバグに遭遇しています。通常の作業よりも、回避策を見つけることに多くの時間を費やしています。最初は、IE6 を無視し始めました。そして、IE7、IE8、IE9、Opera Mini、そして最近では Opera と IE10 も。今私が注目しているのは、Chrome、Firefox、IE11、Edge、Android Browser、iOS Safari だけです。今はかなり良くなりましたが、それでも悪夢です。一貫性のない動作、小さいながらも厄介なバグなどしか見られません。これの何が問題なのですか? 単純。私の顧客はこれにお金を払いません。代わりに、ブラウザによって何かが台無しにされた場合、彼らは私を責めます.
- ブラウザのバグに対処するのを簡単/迅速にする Web 開発者のテクニックはありますか?
- 回避策の収集サイト、または問題のあるコードを強調表示して修正を提案する自動「バリデーター」でしょうか?
- それとも、私が考えることさえできない何か?
私がすでに試したこと:
- バグの報告: 私の顧客は修正が来るのを待ちません。
- 回避策に取り組む: 私の顧客はこれに対して十分な料金を支払っていません。
- さらに多くのブラウザーを無視する: 私の顧客は私が素人だと思っています。
- 貧しく小規模なハンガリーの企業よりも財政的に強い市場を見つけてください。
migration - Magento v1.9x が共有ホスティングから vps に移行され、複数のバグとエラーが発生する
私はmagentoが初めてで、magento Webサイトを共有ホスティングからVPSに移行しました。 そして今、私のウェブサイトに複数のバグとエラーが発生しています:
1. ユーザーが登録すると、別のページにリダイレクトされました。2. 購入者が注文すると、EMPTY SHOPPING CART にリダイレクトされます。3. 支払い方法が機能していません (dragonpay など)。
私のウェブサイトは、共有ホスティングでは正常に動作していますが、現在、私のウェブサイトでこの種のバグやエラーが発生しています。
大変お世話になりました。
ありがとう。
css - Firefox で 2 行のテキストの末尾に ::after 要素を配置する
2 行にまたがるテキストの末尾に after 要素を配置したい。
これは Safari と Chrome では機能しますが、Firefox では機能しません。
これを解決する方法について誰かアドバイスはありますか?
青い線は、「headline _」のように、単語の見出しの直後にある必要があります。