タグ付けされた質問 「cross-browser」

クロスブラウザー開発とは、さまざまなWebブラウザーやレンダリングエンジンで機能するように、Webサイト、Webアプリケーション、ライブラリ、またはコンポーネントを構築することです。

22
中央に単語がある水平線のCSSテクニック
途中にテキストを入れて横罫を作ろうとしています。例えば： -----------------------------------私のタイトルはこちら------------ ----------------- CSSでそれを行う方法はありますか？すべての「-」ダッシュがないことは明らかです。
286 html  css  cross-browser 
14
WebKitとは何ですか？CSSとどのように関連していますか？
最近では、「webkit」というタグの付いた質問が表示されています。このような質問は通常、CSS、jQuery、レイアウト、クロスブラウザーの互換性の問題などに関連するWebベースの質問になる傾向があります。 それでは、この「ウェブキット」とは何であり、CSSとどのように関連していますか？また-webkit-...、さまざまなWebサイトのソースコードに多くのプロパティがあることに気づきました。これら2つは関連していますか？ 更新 これまでの回答から... WebKitは、Safari / Chrome用のHTML / CSS Webブラウザーレンダリングエンジンです。IE / Opera / Firefox用のそのようなエンジンはありますか、また一方を使用することの違い、長所と短所は何ですか？たとえば、FirefoxでWebKit機能を使用できますか？ 究極の質問... WebKitはIEでサポートされていますか？ アップデート2 主要なブラウザはすべて、異なるレンダリングエンジンを使用しています。これが、ブラウザ間の互換性の問題が非常に多い大きな理由だと思います。 それでは、すべてのブラウザが使用する標準のレンダリングエンジンへのプロジェクトや動きはありますか？HTML5は、ブラウザー間の互換性の問題に終止符を打つでしょうか？
30
バックスペースキーが元に戻らないようにするにはどうすればよいですか？
IEでは、（ひどく非標準ですが機能している）jQueryでこれを行うことができます if ($.browser.msie) $(document).keydown(function(e) { if (e.keyCode == 8) window.event.keyCode = 0;}); しかし、Firefoxで動作する方法で、またはボーナスのためにクロスブラウザの方法で行うことは可能ですか？ 記録のために： $(document).keydown(function(e) { if (e.keyCode == 8) e.stopPropagation(); }); 何もしません。 $(document).keydown(function(e) { if (e.keyCode == 8) e.preventDefault(); }); 問題は解決しますが、ページでバックスペースキーが使用できなくなります。これは、元の動作よりもさらに悪いものです。 編集：これを行う理由は、単純なWebページではなく大きなアプリケーションを作成しているためです。間違った場所でバックスペースを押したからといって、10分の作業を失うのは信じられないほど煩わしいことです。間違いを防止することとユーザーを煩わしいものにすることの比率は、バックスペースキーが戻るのを防ぐことにより、1000/1をはるかに超える必要があります。 EDIT2：私は履歴ナビゲーションを防止しようとしているのではなく、ただの事故です。 EDIT3：@brentonstrinesコメント（質問が非常に人気があるため、ここに移動しました）：これは長期的な「修正」ですが、サポートを Chromiumバグの、Webkitでこの動作を変更
21
CSSを使用して丸みを帯びたコーナーを作成する[終了]
現在のところ、この質問はQ＆A形式には適していません。私たちは回答が事実、参考文献、または専門知識によってサポートされることを期待しますが、この質問はおそらく議論、議論、投票、または拡張された議論を誘います。この質問を改善でき、再開できると思われる場合は、ヘルプセンターにアクセスしてください。 7年前休業。 CSSを使用して角を丸くするにはどうすればよいですか？
16
ブラウザの戻るボタンイベントを検出する方法-クロスブラウザ
ユーザーがブラウザの戻るボタンを押したかどうかを確実に検出するにはどうすればよいですか？ #URLシステムを使用して、単一ページのWebアプリケーション内でページ内戻るボタンの使用をどのように強制しますか？ ブラウザの戻るボタンで独自のイベントが発生しないのはなぜですか。
5
CSSで長い文字列を切り捨てる：まだ可能ですか？
プレーンコンテンツのHTMLとCSSを使用してテキストを切り捨て、動的コンテンツを固定の幅と高さのレイアウトに収める良い方法はありますか？ 私は論理的な幅（つまり、盲目的に推測された文字数）でサーバー側を切り捨ててきましたが、「w」は「i」よりも幅が広いため、これは最適ではない傾向があり、再推測する必要があります（そして、調整を続けます）すべての固定幅の文字数。切り詰めは、レンダリングされたテキストの物理的な幅を認識しているブラウザで行われるのが理想的です。 IEには、text-overflow: ellipsis私が望んでいることを正確に実行するプロパティがあることがわかりましたが、これをクロスブラウザーにする必要があります。このプロパティは（ある程度？）標準のようですが、Firefoxではサポートされていません。に基づいてさまざまな 回避策を見つけましたoverflow: hiddenが、省略記号が表示されない（コンテンツが切り捨てられたことをユーザーに知らせたい）か、常に表示します（コンテンツが切り捨てられていなくても）。 固定レイアウトにダイナミックテキストを合わせる良い方法はありますか、または論理幅によるサーバー側の切り捨ては今のところ取得するのと同じくらい良いですか？
14
HTMLフォームのデフォルトの送信ボタンはどのように決定されますか？
フォームが送信されたが、特定のボタンではない場合 押して Enter HTMLFormElement.submit()JSでの使用 ブラウザーは、押されたボタンとして使用する複数の送信ボタンがある場合、どのボタンを決定することになっていますか？ これは2つのレベルで重要です。 onclick送信ボタンに接続されたイベントハンドラーの呼び出し Webサーバーに送り返されたデータ これまでの私の実験では、次のことが示されています。 押すとEnter、Firefoxの、オペラとSafariは、フォームの最初の送信ボタンを使用します を押すとEnter、IEは最初の送信ボタンを使用するか、私が把握できなかった条件に応じてまったく使用しないかを選択します これらのブラウザはすべて、JS送信に何も使用しません。 標準は何と言っていますか？ それが役立つ場合は、ここに私のテストコードがあります（PHPは私のテスト方法にのみ関連し、私の質問自体には関連しません） <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Test</title> </head> <body> <h1>Get</h1> <dl> <?php foreach ($_GET as $k => $v) echo "<dt>$k</dt><dd>$v</dd>"; ?> </dl> <h1>Post</h1> <dl> …
13
Chromeでリソースを読み込めませんでした
ウェブページにはたくさんの画像があります。 他のブラウザはそれらを正しくダウンロードしていますが、Chromeはそれらをロードしません。 開発者のコ​​ンソールでは、各画像について次のメッセージが表示されます。 リソースの読み込みに失敗しました この問題はChromeでのみ発生します。 それは何ですか？
16
ラジオボタン（INPUT type =“ radio”）のOnChangeイベントハンドラーが1つの値として機能しない
これに対する一般的な解決策を探しています。 同じ名前の2つの無線タイプ入力があるとします。送信されると、チェックされるものがフォームで送信される値を決定します。 <input type="radio" name="myRadios" onchange="handleChange1();" value="1" /> <input type="radio" name="myRadios" onchange="handleChange2();" value="2" /> ラジオボタンの選択が解除されている場合、変更イベントは発生しません。したがって、value = "1"のラジオがすでに選択されていて、ユーザーが2番目を選択した場合、handleChange1（）は実行されません。これは、（とにかく私にとって）この選択解除をキャッチできるイベントがないという問題を提起します。 私が欲しいのは、チェックボックスグループ値のonchangeイベント、またはラジオがチェックされているときだけでなくチェックされていないときも検出するoncheckイベントの回避策です。 あなた方の何人かは以前にこの問題に遭遇したと思います。いくつかの回避策はありますか（理想的にはこれを処理する正しい方法は何ですか）？変更イベントをキャッチし、以前にチェックしたラジオと新しくチェックしたラジオにアクセスしたいだけです。 PS onclickは、ラジオがチェックされたときを示すための（クロスブラウザーの）より良いイベントのように見えますが、チェックされていない問題を解決しません。 このような場合、チェックボックスタイプのonchangeが機能する理由は、チェックしたりチェックを外したりするときに送信される値を変更するため、理にかなっていると思います。ラジオボタンがSELECT要素のonchangeのように動作することを望みますが、何ができますか...
13
XHTMLのすべての有効な自己終了要素（主要なブラウザによって実装されている）は何ですか？
XHTMLのすべての有効な自己終了要素（<br/>など）は何ですか（主要なブラウザによって実装されています）？ XHTMLでは技術的には任意の要素を自動的に閉じることができることを知っていますが、すべての主要なブラウザーでサポートされている要素のリストを探しています。<div />などの自己終了要素が原因で発生する問題の例については、http：//dusan.fora.si/blog/self-closing-tagsを参照してください。
12
IEの代替のcss 'pointer-events'プロパティ
ドロップダウンナビゲーションメニューがあり、クリックすると他のページに移動できないタイトルがあります（これらのタイトルをクリックするとドロップダウンメニューが開きます）一方で、他のナビゲーション（これらにはドロップダウンがなく、直接移動する必要があります）です。ただし、両方とも型がhref定義されています これを解決するために、以前のタイプのタイトルに次のcssを追加しました pointer-events: none; 正常に動作していますが、このプロパティはIEでサポートされていないため、いくつかの回避策を探しています。面倒なのは、HTMLとJavaScriptのコードを完全に変更するためのアクセス権と特権がないことです。 何か案は？
6
ブラウザsessionStorage。タブ間で共有しますか？
私のサイトには、ブラウザを閉じたときにクリアしたい値がいくつかあります。私が選んだsessionStorageそれらの値を格納します。タブが閉じられると、それらは実際にクリアされ、ユーザーがf5を押しても保持されます。ただし、ユーザーが別のタブでリンクを開いた場合、これらの値は使用できません。 sessionStorageアプリケーションですべてのブラウザタブ間で値を共有するにはどうすればよいですか？ 使用例：値を何らかのストレージに配置し、その値をすべてのブラウザータブでアクセスできる状態に保ち、すべてのタブが閉じている場合は値をクリアします。 if (!sessionStorage.getItem(key)) { sessionStorage.setItem(key, defaultValue) }
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.