問題タブ [polyfills]

主題はそれをすべて言います。<img>特定の要素（ 、、<a>など）で継承されたすべてのCSSプロパティをリセットする（ポリフィル）コードを探します<p>。

現在および将来的に機能する新しいECMAScript5 機能を使用して JS コードを記述したいと考えています。

Object.createすべてのブラウザが、Array.isArrayまたはなどのすべての機能 (特に IE) をサポートしているわけではありませんJSON。

json2.jsサポートをアーカイブするために使用するなど、いくつかの回避策を知っていましたJSON。他の機能のポリフィルまたは回避策をもっと知りたいです。

私のcssには2つのメディアクエリがあります（印刷のものは数えません）： @media screen and (min-width: 720px) {}および@media screen and (min-width: 1026px) {

Respond.js を使用して、IE8 で動作するようにしています。奇妙なことは、メディア クエリの前に css に戻る最後のメディア クエリを除いて、完全に機能することです。つまり、ウィンドウの幅が 1026px のしきい値に達するまではうまく機能します。

そこで何が起こっているのか、誰にもわかりませんか？プレビューへのリンクは次のとおりです: http://bit.ly/i6ITPe

たくさんの答えをありがとう

レスポンシブ デザインにModernizrとRespond.jsを利用する最善の方法を慎重に検討しており、コミュニティにいくつか質問があります。

まず、Modernizr を Respond.js にバンドルする場合、IE8 以下でメディア クエリをサポートするために他のコーディングやテストは必要ないことを理解しています。つまり、Respond.js が Modernizr にバンドルされている場合、Respond.js を有効にするためにソースに Modernizr をロードするだけで済みます。正しい？

次に、これが IE8 以下でメディア クエリをサポートする最も効率的な方法だと思いますか? 要するに、既にメディア クエリをサポートしているブラウザーに必要なよりも大きな Modernizr スクリプトを含めることになります。2 つのスクリプトを分離し、メディア クエリのテストが失敗した場合にのみ Respond.js を読み込む方が効率的ではないでしょうか?

第 3 に、2 つのスクリプトを分離したい場合、必要に応じて Respond.js をロードする最良の方法は何だと思いますか? 1 つのオプションは、IE 固有の条件付きコメントを使用して Respond をロードすることです。もう 1 つのオプションは、yepnope と Modernizr を使用してメディア クエリのサポートをテストし、必要に応じて Respond を読み込むことです。これは、より効率的で障害のないものになります。

最後に、2 つのスクリプトを分離し、必要に応じて Modernizr を使用して Respond を読み込むことを選択した場合、次の 2 つの手法に遭遇しました。

また

2 番目は IE8 をクラッシュさせることがわかりましたが、書き直す必要があるに違いありません。どのテクニックをお勧めしますか?

すべての助けをありがとう。

HTML5の新しいフォーム属性とタグは素晴らしいです。残念ながら、ChromeとFirefoxではこれらのサポートは限られており、IE9以下では基本的にサポートされていません。

ModernizrおよびHTML5ポリフィルを使用して、ネイティブサポートがないブラウザーでこの機能をポリフィルすることを調査しました。ただし、webshims lib、webforms2、h5fなどのHTML5フォーム機能には多数のポリフィルがあるようです（たとえば、https：//github.com/Modernizr/Modernizr/wiki/HTML5-Cross-Browserのリストを参照してください）。 -Polyfills）そして私は学習に時間を費やすべきものがどれかわかりません。

これらのHTML5フォームのポリフィルのうち、HTML5の機能とブラウザのカバレッジに関して最も広いカバレッジを提供するのはどれですか？

バックグラウンド

WHATWG によるsomeForm.elementsと、HTMLFormElementsCollection.

複数の要素が同じ名前を共有している場合、 AHTMLFormElementsCollectionは a を返します。RadioNodeList

には、nodelist 内の最初にチェックされた無線リストの値を返すRadioNodeList特別なセマンティクスがあります。value

これにより、実装されている場合、次の回答が機能するようになります

私は単純に (WebIDL に従って) 適切に動作するホスト オブジェクトに基づくポリフィルを試みましたが、明らかにそうではありません。

質問

ブラウザが RadioNodeList または WebIDL に準拠するのを待つ間、このポリフィルの代替の効率的な実装は何ですか?

例 参照コード

素朴な試みの参照コード

input type="number"HTML5 の要素のポリフィルを作成しようとしています。お使いのブラウザーが既にサポートしている場合の比較例を次に示します。

「abc」などの数値として解析できない値を入力すると、ぼかしたときに、Chrome はその値を最新の有効な値に戻します。フィールドがフォーカスされるたびに値を属性に格納することでそれを行うことができると思いますが、data-それを元に戻す必要がある場合に備えて、フォームフィールドの最新の有効な値を「記憶」するより自然な方法はありますか?持っていました？

誰か知っていますか？Firefox と Chrome は正しく機能します。Opera は正方形の + を表示するだけです。

序章

elem.hidden要素を非表示にし、それらが非表示かどうかを検出できる新しいプロパティです。

ブラウザのサポートは良くないので、シムしたいと思います。このプロパティをシムする場合、 を介して CSS プロパティを設定するという点でシムする必要がありますelem.style。

Shim の単純な実装

質問

• またはに設定elem.style.displayする必要があります"none"か<original value>？
• またはに設定elem.style.visibilityする必要があります"hidden"か"visible"？