[解決済み] ブラウザが "quirks "モードかどうかを見分けるには?
2022-06-21 22:02:19
質問
比較的厳密なdoctypeとHTMLマークアップを持つページがあり、かなり準拠に近いのですが、おそらくいくつかの愚かな方法で、おそらくあなたのコントロール外のユーザーのコンテンツのために失敗しているとしましょう... あなたがコンテンツ管理システムまたはコンテンツ管理システム用のテーマで働いているとすると、いくつかの基本構造を制御していくつかのjavascriptが必要ですが、ページに入る他のすべてに責任があるわけではないのです。
ブラウザが、より標準に準拠したエンジンを使用するのではなく、quirks"モードに入ることを決定したとき、どのようにして知ることができますか(または、何が決定するでしょうか)?
IE、Chrome、Safari、および Firefox はもちろんすべて異なる処理を行うので、主要なブラウザごとに答えを探しています。 1 つのシングル エラーで強制するのに十分なのか、それとも多少の余裕があるのでしょうか?
どのように解決するのですか?
で FirefoxとOpera では、ページ情報を確認することで、ブラウザが "quirks mode" になっているかどうかを判断することができます。
使用方法
document.compatMode
を使用すると、ほとんどのブラウザでモードがわかります。
で クローム、サファリ、IE の場合、アドレスバーでこのjavascriptを実行してください。
javascript:window.alert('You are in ' + (document.compatMode==='CSS1Compat'?'Standards':'Quirks') + ' mode.')
(を再入力する必要があることに注意してください。
javascript:
の部分は、最近のセキュリティ変更により、アドレスバーに貼り付けた後、再入力する必要があることに注意してください)
関連
-
[解決済み] textareaのresizableプロパティを無効にするにはどうしたらよいですか?
-
[解決済み] 要素を水平方向にセンタリングする方法
-
[解決済み] JavaScriptで要素のクラスを変更するにはどうすればよいですか?
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] 画面サイズ、現在のウェブページ、ブラウザウィンドウのサイズを取得する
-
[解決済み] Firefox または Chrome ブラウザから HTTP POST リクエストを手動で送信する方法
-
[解決済み] DOM要素が現在のビューポートで表示されているかどうかを確認するにはどうすればよいですか?
-
[解決済み] localStorage、sessionStorage、session、cookieの違いは何ですか?
-
[解決済み】jQueryでチェックボックスがチェックされているかどうかを確認するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] HTML IFステートメント
-
[解決済み] CSSでテキストを垂直方向にセンタリングするには?[重複しています]
-
[解決済み] inline/inline-block要素間のスペースを削除するにはどうすればよいですか?
-
[解決済み] div内の要素を縦に並べるにはどうしたらいいですか?
-
[解決済み] input type="date "のフォーマットを変更する方法はありますか?
-
[解決済み] HTMLアンカーは'name'と'id'のどちらで作成するのが良いですか?
-
[解決済み] CSS 背景の不透明度 [重複]について
-
[解決済み] HTML5で(非空白の)自己閉鎖タグは有効ですか?
-
[解決済み] Do I use <img>, <object>, or <embed> for SVG files?
-
[解決済み] HTML5でminlengthの検証属性はありますか?