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

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

30
テキスト選択の強調表示を無効にする方法
ボタンのように機能するアンカー（たとえば、質問、タグ）スタックオーバーフローページの上部にある[、[ ユーザー]など）またはタブの場合、ユーザーが誤ってテキストを選択した場合に強調表示効果を無効にするCSS標準の方法はありますか？ これはJavaScriptで実行できることを理解しています。少しグーグルするとMozillaのみが生成されました -moz-user-selectます。オプションが。 CSSでこれを達成するための標準に準拠した方法はありますか？そうでない場合、「ベストプラクティス」アプローチとは何ですか？
30
チェックボックスとそのラベルを一貫してクロスブラウザに配置する方法
これは、CSSのマイナーな問題の1つであり、常に悩まされています。Stack Overflowの周りの人々はどのようにして垂直方向に整列checkboxesし、labels一貫してクロスブラウザですか？私はサファリ（通常使用して、それらを正しく合わせるたびvertical-align: baselineにinput）、彼らは完全にオフにFirefoxとIEでいます。Firefoxで修正すると、SafariとIEは必ず混乱します。フォームをコーディングするたびに、これに時間を浪費しています。 これが私が使用する標準コードです： <form> <div> <label><input type="checkbox" /> Label text</label> </div> </form> コードスニペットを実行する結果を非表示スニペットを展開 私は通常、Eric Meyerのリセットを使用するため、フォーム要素のオーバーライドは比較的クリーンです。あなたが提供しなければならないヒントやトリックを楽しみにしています！
30
すべてのブラウザーでdivを垂直方向に中央揃えにする方法は？
divCSSを使用して垂直方向に中央揃えにします。テーブルやJavaScriptは必要ありませんが、純粋なCSSだけが必要です。いくつかの解決策を見つけましたが、それらのすべてにInternet Explorer 6のサポートがありません。 <body> <div>Div to be aligned vertically</div> </body> divInternet Explorer 6を含むすべての主要なブラウザーで垂直方向に中央揃えするにはどうすればよいですか？
24
CSSだけで<select>ドロップダウンをスタイルするにはどうすればよいですか？
CSSのみでスタイルを設定する方法はありますか &lt;select&gt;ドロップダウンますか？ &lt;select&gt;JavaScriptを使用せずに、人間が可能な限りフォームのスタイルを設定する必要があります。CSSでこれを行うために使用できるプロパティは何ですか？ このコードは、すべての主要なブラウザーと互換性がある必要があります。 Internet Explorer 6、7、および8 Firefox サファリ 私はJavaScript：例でそれを作ることができることを知っています。 そして、私は単純なスタイリングについて話しているのではありません。CSSだけで何ができるのか知りたい。 Stack Overflowで同様の質問を見つけました。 そして、これはDoctype.comにあります。
9
clearfixとは何ですか？
StackаэтотвопросестьответынаStack Overflowнарусском：СутьклассаclearFix 最近、私はいくつかのウェブサイトのコードを調べて&lt;div&gt; いて、すべてにクラスがあることがわかりましたclearfix。 Googleで簡単に検索したところ、IE6用である場合があることを知りましたが、実際のクリアフィックスとは何ですか？ クリアフィックスのないレイアウトと比較して、クリアフィックスのあるレイアウトの例をいくつか教えていただけますか？
7
PUT、DELETE、HEADなどのメソッドは、ほとんどのWebブラウザーで使用できますか？
私は、RESTfulサービスをデバッグする方法のように、ここでいくつかの質問を見てきました。 残念ながら、同じブラウザでは、HTTP PUT、DELETE、およびある程度はHTTP POSTをテストすることはできません。 ブラウザはGETとPOSTのみをサポートしていると聞いたことがあります。 http://www.packetizer.com/ws/rest.html http://www.mail-archive.com/jmeter-user@jakarta.apache.org/msg13518.html http://www.xml.com/cs/user/view/cs_msg/1098 ただし、Firefoxでのいくつかの簡単なテストでは、送信PUTとDELETEリクエストが期待どおりに機能することが示されています-はXMLHttpRequest正常に完了し、リクエストは正しい方法でサーバーログに表示されます。ブラウザー間の互換性や明白でない制限など、これに欠けている側面はありますか？
6
ブラウザーの「F5」および「Ctrl + F5」の更新はどのような要求を生成しますか？
どのような行動の基準がありますか F5Ctrl + F5Webブラウザーとトリガーを行うますか？ 私はかつてIE6とFirefox 2.xで実験をしました。F5 リフレッシュしてサーバーに送信されたHTTPリクエストトリガするIf-Modified-Since一方で、ヘッダのCtrl + F5ようなヘッダを持っていないであろう。私の理解では、F5 はキャッシュされたコンテンツをできるだけ利用しようとしますが、キャッシュされたCtrl + F5 すべてのコンテンツを放棄し、サーバーからすべてのコンテンツをもう一度取得することを目的としています。 しかし、今日、いくつかの最新のブラウザー（Chrome、IE8）では、この方法で動作しないことに気付きました。両方ともヘッダーF5をCtrl + F5送信しIf-Modified-Sinceます。 では、これはどのように機能するのでしょうか、または（標準がない場合）主要なブラウザは、これらの更新機能の実装方法がどのように異なるのでしょうか。
8
ファイル入力の 'accept'属性-役に立ちますか？
HTMLでのファイルアップロードの実装は非常に簡単ですが、&lt;input type="file" ...&gt;タグに追加できる 'accept'属性があることに気づきました。 この属性は、ファイルへのアップロードを画像などに制限する方法として役立ちますか？それを使用する最良の方法は何ですか？ または、htmlファイルの入力タグに対して、ファイルダイアログでファイルタイプを制限する方法はありますか？
20
JavaScriptは貼り付けイベントでクリップボードデータを取得します（クロスブラウザー）
Webアプリケーションはどのようにして貼り付けイベントを検出し、貼り付けるデータを取得できますか？ テキストをリッチテキストエディターに貼り付ける前に、HTMLコンテンツを削除したいと思います。 後で貼り付けられた後のテキストのクリーニングは機能しますが、問題は以前のすべてのフォーマットが失われることです。たとえば、エディタで文章を書いて太字にできますが、新しいテキストを貼り付けると、すべての書式が失われます。貼り付けられたテキストのみをクリーンアップし、以前の書式設定はそのままにしておきます。 理想的には、このソリューションは最新のすべてのブラウザー（MSIE、Gecko、Chrome、Safariなど）で機能する必要があります。 MSIEにはclipboardData.getData()がありますが、他のブラウザで同様の機能を見つけることができなかったことに注意してください。
10
Internet ExplorerブラウザーのJavaScriptでArray indexOf（）を修正する方法
任意の長さでJavaScriptを使用したことがある場合は、Internet ExplorerがArray.prototype.indexOf（）[Internet Explorer 8を含む]のECMAScript関数を実装していないことに気づいています。次のコードを使用してページの機能を拡張できるため、これは大きな問題ではありません。 Array.prototype.indexOf = function(obj, start) { for (var i = (start || 0), j = this.length; i &lt; j; i++) { if (this[i] === obj) { return i; } } return -1; } これはいつ実装すべきですか？ プロトタイプ関数が存在するかどうかをチェックする次のチェックですべてのページにラップする必要があります。存在しない場合は、先に進んで配列プロトタイプを拡張しますか？ if (!Array.prototype.indexOf) { // Implement function here } または、ブラウザチェックを行い、それがInternet Explorerである場合は、実装するだけですか？ //Pseudo-code if …
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.