少し前の日、Google Chrome ブラウザのアップデートにより、CodePen Embed が含まれるページがコンソールに大量の赤い JavaScript エラーの山をスローするようになりました。明らかに理想的ではありません。
この変更はブラウザの処理方法に関連していました allow iframe の属性 (すなわち、 ）。 CodePen は、iframe 内の適切な値を計算していました。 入れ子になった iフレーム。これらの値は現在、 外 iframeも同様です。
これらすべてをブログ投稿に文書化しました この問題は私たち全員に影響を与えるため、この件について Chrome や他のブラウザ メーカーにも注意を促すことができれば幸いです。
そして私はそれを昔のソーシャルメディアに投稿しました：
これを見て Chrome でトリアージし、1 日以内に解決してくれた Bramus Van Damme に多大な感謝を申し上げます。
私は思う パッチ 素晴らしい変更なので、これを素早く完了させた関係者全員に脱帽です。すでに Canary にあり、いつ安定版になるかはわかりませんが、きっと良いものになるでしょう。これは、理解できない値が単に無視されるという Safari の動作に従います (これは問題なく、HTML の通常の動作に沿っていると考えられます)。
幸いなことに問題を軽減することができました 少し それまでは。のために ほとんど 埋め込みペン、 はそれを埋め込むページにロードされ、動的に作成されます。 あなたのために。これは、アクセス可能なフォールバックを簡単に作成し、埋め込み用の API っぽい機能にアクセスできるようにするため、非常に優れています。このスクリプトを拡張して、ブラウザのユーザー エージェント スニッフィングを少し実行し、正しいセットを適用することができました。 allow iframe の属性を使用して、発生していた JavaScript エラーを回避します。
しかし、厄介な点があります。ユーザー エージェントのスニッフィングはまったく行いたくないのです。
置くことができれば 全て 可能性のある allow そこに必要な属性が含まれており、特定のブラウザーが特定の値をサポートしていなくても、それほど心配する必要はありません。それが理想的です。理解できないユーザーへの配慮から、恐ろしいコンソール エラーを発生させることはできません。
物語の中で私たちが今いるのは次のような状況です。
- Chrome への変更が安定するのを待っています。
- Safari が現状のままであることを願っています。
- こんにちは、ファイアフォックス。
allow に必要な属性 
Views: 0
