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

HTML要素のブラウザのデフォルトCSSはどこにありますか？ 多くのHTML要素にはいくつかのデフォルトのCSSプロパティが付属しており、不明な動作や望ましくない動作が発生する場合があります。たとえば、入力ボックスはブラウザによって表示が異なります。新しいCSS3プロパティと新しいHTML5要素をカバーする場所を探しています。 CSSリセットの解決策を提案する他の（はるかに古い）質問（ブラウザーのデフォルトCSSスタイルシートなど）の回答を見てきました。この解決策は望ましくない場合があります。多くの場合、実際には基本的なプロパティの一部（Chromeの入力ボックスの強調表示など）を保持したいと思います。つまり、何をしているのか分からないからといって、取り除きたくないのです。 それで、私にこのすべての情報（またはおそらくほとんど）を与えることができるサイトはありますか？

146 html  css  cross-browser 

次のPHPスクリプトを自分のウェブサイトのインデックスとして使用しています。 このスクリプトには、ブラウザの言語に応じて特定のページを含める必要があります（自動的に検出されます）。 このスクリプトはすべてのブラウザーでうまく機能しないindex_en.phpため、検出されたすべての言語が常に含まれます（問題の原因は、おそらくAccept-Languageヘッダーが考慮されていないことによる問題です）。 より堅牢なソリューションを提案していただけませんか？ <?php // Open session var session_start(); // views: 1 = first visit; >1 = second visit // Detect language from user agent browser function lixlpixel_get_env_var($Var) { if(empty($GLOBALS[$Var])) { $GLOBALS[$Var]=(!empty($GLOBALS['_SERVER'][$Var]))? $GLOBALS['_SERVER'][$Var] : (!empty($GLOBALS['HTTP_SERVER_VARS'][$Var])) ? $GLOBALS['HTTP_SERVER_VARS'][$Var]:''; } } function lixlpixel_detect_lang() { // Detect HTTP_ACCEPT_LANGUAGE & HTTP_USER_AGENT. lixlpixel_get_env_var('HTTP_ACCEPT_LANGUAGE'); lixlpixel_get_env_var('HTTP_USER_AGENT'); …

144 php  cross-browser  browser-detection 

みんな私はいくつか質問があります： switchステートメントとのJavaScriptのパフォーマンスに違いはありif...elseますか？ もしそうなら、なぜですか？ 行動であるswitchとif...elseブラウザ間で異なりますか？（FireFox、IE、Chrome、Opera、Safari） この質問をする理由はswitch、Firefoxで約1000ケースのステートメントを使用すると、パフォーマンスが向上するようです。 編集 残念ながら、これは私のコードではありません。Javascriptはコンパイルされたライブラリからサーバーサイドで生成されており、コードにアクセスできません。JavaScriptを生成しているメソッドが呼び出されます CreateConditionals(string name, string arrayofvalues, string arrayofActions) 注arrayofvaluesはコンマ区切りのリストです。 それが生み出すものは function [name] (value) { if (value == [value from array index x]) { [action from array index x] } } 注：where [name]=サーバーサイド関数に渡される名前 次に、TextAreaに挿入されるように関数の出力を変更し、関数を解析するためのJavaScriptコードをいくつかcase記述し、それを一連のステートメントに変換しました。 最後に、関数を実行すると問題なく動作しますが、IEとFirefoxではパフォーマンスが異なります。

143 javascript  cross-browser  conditional 

このガイドの目的： 実行中の複数の未修正のネイティブのInternet Explorerのバージョン のSafari、Operaの、ChromeとFirefoxの単一マシン上で、サイド・バイ・サイド。 パート1でカバー： 目次 どのブラウザをテストする必要がありますか？ すばやく起動し、期限切れにならないWindows XP VMを作成するにはどうすればよいですか？ 必要なソフトウェア（VMイメージ、ブラウザーなど）はどこにダウンロードできますか？ パート2でも取り上げています。 IE、Firefox、Opera、Chrome、Safariのインストールおよび設定ガイド。 開発者ツールとショートカット。 時間とディスク容量のコスト。 多くのセクションは独立しています。たとえば、ブラウザの複数のバージョンを実行する手順は一般的に適用されます。

138 internet-explorer  browser  cross-browser  virtualization 

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 3年前休業。 この質問を改善する 詳述したように他の場所で、それ以外の場合は明らかによく知られている、Internet Explorerの（間違いなく、バージョン7、およびいくつかの例では、バージョン8）の上に、特に重要な機能を実装していないArray（例えばforEach、indexOfなど、）。 あちこちにいくつかの回避策がありますが、コピーアンドペーストしたり、独自の実装をハックしたりするのではなく、実装の適切な標準セットをサイトに組み込みたいと思います。有望に思えるjs-methodsを見つけましたが、ここに投稿して、別のライブラリがより強く推奨されるかどうかを確認したいと思いました。その他のいくつかの基準： ライブラリはちょうどブラウザはすでにの実装を持っていること、これらの機能には、運転あってはならない（js-methods表示されますが、ここでは非常にうまくやって）。 LGPLは許容されますが、非GPLをお願いします。

137 javascript  internet-explorer  cross-browser 

更新：古い質問はIE11プレビューにのみ適用されます。ブラウザモードは、IE11の最終リリースで復帰しました。しかし、落とし穴があります。条件付きのコメントをエミュレートしないので、役に立たないのです。たとえば、これらを使用してレガシーIEでHTML5サポートを有効にすると、IE11でサイトをデバッグできなくなります。 <!--[if lte IE 8]> <script src="html5shiv.js"></script> <![endif]--> StackOverflowの別の質問とIE バグトラッカーの問題をご覧ください。マイクロソフトはこれに応答しなかったため、人々がBrowserStackサブスクリプションを購入するよう誘導する目的でこのバグを導入したようです。条件付きコメントのエミュレーションは、プレビューリリースでは問題なく機能しました。 元の質問：IE7プレビューがWindows 7にインストールされている場合、ブラウザーモードを変更できる旧式のF12ツールが付属しています。 ただし、[ツール]メニューから[F12]開発者ツールを選択すると、新しい開発者ツールに置き換えられ、[ブラウザモード]は使用できなくなります。 それを元に戻す唯一の方法は、IE11をアンインストールして再インストールすることです。 IE11でブラウザーモードを切り替える簡単な方法はありますか？

132 cross-browser  ie-developer-tools  internet-explorer-11 

アンカータグの幅と高さをピクセル単位で設定できますか？アンカータグ内にテキストを保持しながら背景画像を配置したいのですが。 li { width: 32px; height: 32px; background-color: orange; } li a { width: 32px; height: 32px; background-color: red; } <li><a href="#">Something</a></li> コードスニペットを実行する結果を非表示スニペットを展開

131 html  css  cross-browser 

ユーザーがファイルを選択したときにイベントを発生させたい。.changeイベントでこれを行うと、ユーザーが毎回ファイルを変更した場合に機能します。 しかし、ユーザーが同じファイルを再度選択した場合にイベントを発生させたいと思います。 ユーザー選択ファイルA.jpg（イベント発生） ユーザー選択ファイルB.jpg（イベント発生） ユーザーがファイルを選択しますB.jpg（イベントが発生しません。発生させたいです） どうすればできますか？

131 jquery  html  events  cross-browser 

JavaScriptを使用して属性を追加/更新する方法を見つけようとしています。setAttribute()関数で実行できることはわかっていますが、IEでは機能しません。

128 javascript  html  cross-browser 

「フロート」レイアウトから離れ、将来のプロジェクトではCSSフレックスボックスを使用する予定です。現在のバージョンのすべての主要なブラウザーが（何らかの方法で）フレックスボックスをサポートしているように見えるのを見て、私は嬉しく思いました。 いくつかの例を見るために、「Solved by Flexbox」に向かいました。ただし、「スティッキーフッター」の例はInternet Explorer 11では動作しないようです。少し遊んでみdisplay:flexて、<html>とwidth:100%に追加することで動作しました<body> だから私の最初の質問は：誰かがそのロジックを私に説明できますか？私はいじっただけでうまくいきましたが、なぜそれがそのように働いたのかよくわかりません... 次に、Internet Explorer以外のすべてのブラウザーで機能する「メディアオブジェクト」の例があります。私もそれをいじりましたが、成功しませんでした。 したがって、2番目の質問は、「メディアオブジェクト」の例をInternet Explorerで機能させる「クリーンな」可能性はあるのでしょうか。

117 html  css  flexbox  cross-browser 

Chromeでの出力： <div id="content" contenteditable="true" style="border:1px solid #000;width:500px;height:40px;"> hey <div>what's up?</div> <div> <button id="insert_caret"></button> 私は信じているFFそれはこのようになります。 hey <br /> what's up? そしてIEでは： hey <p>what's up?</p> 残念ながら、すべてのブラウザが<br />divタグまたはpタグの代わりにを挿入するように作成する良い方法はありません。または、少なくともオンラインで何も見つけることができませんでした。 とにかく、私が今やろうとしているのは、ボタンを押したときに、キャレットをテキストの最後に設定したいので、次のようになります。 hey what's up?| これを行う方法はすべてのブラウザで機能しますか？ 例： $(document).ready(function() { $('#insert_caret').click(function() { var ele = $('#content'); var length = ele.html().length; ele.focus(); //set caret -> end pos } …

111 javascript  html  cross-browser  contenteditable  caret 

このすばらしい答えは、1台のマシンで複数のバージョンのGoogle Chromeを実行する方法がないことを示唆しています。 時々、ウェブサイトのユーザーが古いバージョンのChromeで立ち往生します（どうなるかはわかりませんが、発生する可能性があります。スタンドアロンバージョンがインストールされている可能性があります）。問題があり、確認できるようにする必要があります。ブラウザーのバージョンが無ければ、それを行うのは少し難しい。 実際にこれを行う方法があるかどうか誰かが知っていますか？すなわち 古いバージョンのGoogle Chromeのインストーラーを入手します（Googleはバージョンについて非常に静かに考えています。これはユーザーにとっては素晴らしいことですが、古いバージョンをサポートしようとする開発者にとってはそれほど良いことではありません）。 1台のマシンで2つのバージョンのGoogle Chromeを実行する

111 testing  google-chrome  cross-browser 

<table>コンテナーと凡例をコンテナーに挿入するグラフプラグインがあります。このプラグインにtableはwidth定義がなく、CSSにはプラグインが挿入されたコンテナ内のテーブルの幅があります。 そのため、新しいdivはtable{ width: 100%}CSSから継承され、正しくレンダリングされません。 を使用しようとしましたがwidth: initial;、Chrome では問題ありません が、IEはブラウザの互換性をチェックしません スクリプト/プラグインでインラインCSSを変更/強制することは認めますが、それはどの環境でも機能する必要があるためです。 ここでの最良の解決策は何ですか？

107 css  internet-explorer  cross-browser  width 

最近、プロトコルなしで使用されるいくつかのリンクを見ました。理解するのはそれほど難しくないように見えました-私はそれが素晴らしいアイデアで、かなり直感的だと思います。 ご存じない方のために、のようなURLを使用すると、URL //example.com/script.jsがhttpまたはhttpsの URLのどちらに由来するか、またはそのどちらhttp://example.com/script.jsかhttps://example.com/script.jsに基づいてポイントされます。たとえば、HTTPSページからHTTPスクリプトまたは画像を含めると、セキュリティ上の問題が発生する可能性があるため、コードでプロトコルを検出する必要がなく、問題を解決できます。 私の質問は、ブラウザ/ OSのサポートにはどのようなものがあるのですか？本番環境で使用しても安全ですか？それは確かに物事を少し簡単にするでしょう。 簡単な例とテスト：http : //codetester.org/916c6916 編集：私がこれを数年の間問題なく多くのことのために本番の会社の広告サーバーのためにこれを使ってきたちょうどフォローアップです。

107 url  browser  cross-browser 

閉まっている。この質問はスタックオーバーフローのガイドラインを満たしていません。現在、回答を受け付けていません。 この質問を改善してみませんか？Stack Overflowのトピックとなるように質問を更新します。 3年前休業。 この質問を改善する JavaScriptを無効にして閲覧しているWebユーザーの割合に関する公的に利用可能な統計を収集するのに苦労しています。 Yahooは2010年からのデータを公開していますし、R. Reidさんは2009年からのデータを公表（彼はへのアクセスを持っていたサイトから選びました）。 当時のYahooの調査結果はかなり興味深いものでした。 アクセスログとビーコンデータ（以前はページに含まれていました）を組み合わせてすべての自動化されたリクエストを除外し、実際のユーザーから送信されたことが確認できる一連のリクエストを残しました。このデータは完全に匿名であり、いくつかの国のトラフィックパターンをよく示しています。 数値を計算したところ、実際のビジタートラフィックの約1％をホバリングするJavaScript無効リクエストの一定の割合が見つかりました。最高の割合は米国で約2％、最低の割合はブラジルで約0.25％です。テストされた他の国はすべて、1.3％に非常に近い数値を示しました。 これは私がこれまでに見つけたものについてです。しかし、このデータは古くなっているので、今日のパーセンテージはどうなっているのだろう。 私はStatcounterも調べました。Statcounterは、ブラウザの統計情報を公開している唯一の会社のようです。ただし、JavaScriptに関するデータは公開しません。W3schoolsも統計を公開していることは知っていますが、ターゲットは開発者を対象としているため、このデータは非常に偏っており、私にとって興味深いものではありません。（一般ユーザーの代表である必要があります）。 したがって、以下を提供するようにお願いします。 この領域に関係する、オープンで自由に利用できる統計へのリンク あなた自身の統計、できれば開発者をターゲットにしていないより大きなサイトからの統計

102 javascript  statistics  cross-browser